.head-tran .header{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	width: 100%;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	height: 90px;
}

.header .container{
	max-width: initial;
	margin: 0 4%;
}

.container{
	max-width: 1440px;
	margin: 0 auto;
}

.logo{
	float: left;
	width: 17%;
	height: 90px;
}

.logo h1{
	text-align: center;
	margin-top: 13px;
	float: left;
}

.logo-primary{
	display: none;
}


.stock-code{
	font-size: 12px;
	color: #fff;
	font-weight: initial;
	display: block;
	margin-top: 6px;
}


.tel-search{
	float: right;
	width: 17%;
	overflow: hidden;
}

.not-tel{
	line-height: 90px;
	float: right;
	color: #fff;
	font-size: 28px;
	font-weight: bold;
	font-family: "arial, helvetica, sans-serif";
}

.tel-icon{
	width: 29px;
	height: 29px;
	background: url(../images/tel_icon.png) center center no-repeat;
	display: inline-block;
	position: relative;
	bottom: -4px;
	margin-right: 14px;
}




/*菜单*/

nav {
	float: left;
	width: 66%;
}

#starlist {
	text-align: center;
}

#starlist li {
	display: inline-block;
	text-align: center;
}



#starlist li>a {
	color: rgba(255,255,255,.64);
	font-size: 16px;
	display: block;
	line-height: 90px;
	position: relative;
	z-index: 9;
	transition: initial;
	margin: 0 20px;
}

#starlist li.active>a {
	color: rgba(255,255,255,1);
	font-weight: bold;
}

#starlist li:hover>a {
	color: rgba(255,255,255,1);
}


#starlist ul {}


#starlist li .sub {
	position: absolute;
	right: 0;
	top: 90px;
	width: 100%;
	height: 0;
	padding: 0;
	background-color: rgba(255, 255, 255, 1);
	opacity: 0;
	z-index: 1;
	box-shadow: 0 1px 5px rgba(0,0,0,.1);
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	overflow: hidden;
}


#starlist li:hover .sub {
	opacity: 1;
	top: 90px;
	padding: 14px 0;
	height: auto;
	z-index: 99;
}


#starlist ul.sub {
	text-align: center;
}

#starlist ul.sub li {
	float: initial;
	display: inline-table;
	width: auto;
	text-align: center;
	margin: 0 10px;
}

#starlist ul.sub li a {
	color: #333;
	font-size: 15px;
	line-height: 30px;
	height: initial;
	font-weight: initial;
	margin: 0;
}


#starlist ul.sub li:hover a {
	color: #ed6d00;
	background: initial;
}




.menu span,.menu:before,#starlist .active span,#starlist .active:before  {
	display: none;
}

.menu:before,#starlist .active:before {
	position: absolute;
	content: "";
	top: 25px;
	right: 5px;
	background-image: url(../images/jt.png);
	background-position: center center;
	background-size: 100%;
	width: 20px;
	height: 11px;
	-ms-transition: all .5s ease;
	-moz-transition: all .5s ease;
	-webkit-transition: all .5s ease;
	-o-transition: all .5s ease;
	transition: all .5s ease;
}

.menu:hover:before,#starlist .active:hover:before {
	transform: rotate(180deg)
}

#mnavh {
	display: none;
	margin: 26px 0 0 0;
	width: 26px;
	height: 26px;
	float: right;
	text-align: center;
	right: 3%;
}


.navicon {
	display: block;
	position: relative;
	width: 26px;
	height: 3px;
	background-color: #FFFFFF;
	bottom: -10px;
	cursor: pointer;
}

.navicon:before,
.navicon:after {
	content: '';
	display: block;
	width: 26px;
	height: 3px;
	position: absolute;
	background: #FFFFFF;
	-webkit-transition-property: margin, -webkit-transform;
	transition-property: margin, -webkit-transform;
	transition-property: margin, transform;
	transition-property: margin, transform, -webkit-transform;
	-webkit-transition-duration: 300ms;
	transition-duration: 300ms;
}

.navicon:before {
	margin-top: -10px;
}

.navicon:after {
	margin-top: 10px;
}

.open .navicon {
	background: none
}

.open .navicon:before {
	margin-top: 0;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}

.open .navicon:after {
	margin-top: 0;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.open .navicon:before,
.open .navicon:after {
	content: '';
	display: block;
	width: 26px;
	height: 3px;
	position: absolute;
	background: #FFFFFF;
}



/*导航鼠标切换*/

.head-tran:hover .header .navicon {
	background: #333;
}

.head-tran:hover .header .open .navicon {
	background: none
}

.head-tran:hover .header .navicon:before,
.head-tran:hover .header .navicon:after{
	background: #333;
}

.head-tran:hover .header .open .navicon:before,
.head-tran:hover .header .open .navicon:after{
	background: #333;
}


.head-tran:hover .header {
	background-color: rgba(255,255,255,1);
}

.head-tran:hover .header .logo-white{
	display: none;
}

.head-tran:hover .header .logo-primary{
	display: inline-block;
}

.head-tran:hover .header .stock-code{
	color: #333333;
}

.head-tran:hover .header .not-tel{
	color: #007983;
}

.head-tran:hover .header .tel-icon{
	background: url(../images/tel_icon_primary.png) center center no-repeat;
}

.head-tran:hover .header #starlist li>a{
	color: rgba(51,51,51,1);
}

.head-tran:hover .header #starlist li.active>a{
	color: rgba(0,121,131,1);
}

.head-tran:hover .header #starlist li:hover>a{
	color: rgba(0,121,131,1);
}


/*原色*/

.head-tran.head-primary .header .navicon {
	background: #333;
}

.head-tran.head-primary .header .open .navicon {
	background: none
}

.head-tran.head-primary .header .navicon:before,
.head-tran.head-primary .header .navicon:after{
	background: #333;
}

.head-tran.head-primary .header .open .navicon:before,
.head-tran.head-primary .header .open .navicon:after{
	background: #333;
}

.head-tran.head-primary .header {
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 8px rgba(0,0,0,.1);
}

.head-tran.head-primary .header .logo-white{
	display: none;
}

.head-tran.head-primary .header .logo-primary{
	display: inline-block;
}

.head-tran.head-primary .header .stock-code{
	color: #333333;
}

.head-tran.head-primary .header .not-tel{
	color: #007983;
}

.head-tran.head-primary .header .tel-icon{
	background: url(../images/tel_icon_primary.png) center center no-repeat;
}

.head-tran.head-primary .header #starlist li>a{
	color: rgba(51,51,51,1);
}

.head-tran.head-primary .header #starlist li.active>a{
	color: rgba(0,121,131,1);
}

.head-tran.head-primary .header #starlist li:hover>a{
	color: rgba(0,121,131,1);
}


.head-primary .head-height{
	height: 90px;
}

.head-tran.head-primary.fixed-no .header{
	position: initial;
}

.head-tran.head-primary.fixed-no .head-height{
	height: 0px;
}

/*导航悬浮*/

.head-tran .header.fixed .navicon {
	background: #333;
}

.head-tran .header.fixed .open .navicon {
	background: none
}

.head-tran .header.fixed .navicon:before,
.head-tran .header.fixed .navicon:after{
	background: #333;
}

.head-tran .header.fixed .open .navicon:before,
.head-tran .header.fixed .open .navicon:after{
	background: #333;
}

.head-tran .header.fixed {
	background-color: rgba(255,255,255,1);
	box-shadow: 0 0 8px rgba(0,0,0,.1);
}

.head-tran .header.fixed .logo-white{
	display: none;
}

.head-tran .header.fixed .logo-primary{
	display: inline-block;
}

.head-tran .header.fixed .stock-code{
	color: #333333;
}

.head-tran .header.fixed .not-tel{
	color: #007983;
}

.head-tran .header.fixed .tel-icon{
	background: url(../images/tel_icon_primary.png) center center no-repeat;
}

.head-tran .header.fixed #starlist li>a{
	color: rgba(51,51,51,1);
}

.head-tran .header.fixed #starlist li.active>a{
	color: rgba(0,121,131,1);
}

.head-tran .header.fixed #starlist li:hover>a{
	color: rgba(0,121,131,1);
}




/*底部*/

.foot{
	background: #1f2526;
	border-top: 10px solid #007983;
	padding: 72px 0 64px;
}


.container{
	max-width: 1440px;
	margin: 0 auto;
}

.foot-left{
	width: 30%;
	float: left;
}

.foot-logo{
	
}

.foot-tel {
	color: #ffffff;
	padding-top: 32px;
}

.foot-tel p{
	font-size: 16px;
	margin-top: 24px;
}

.foot-tel b{
	font-size: 48px;
	display: block;
}

.foot-mall{
	margin-top: 50px;
}

.foot-mall span{
	font-size: 16px;
	color: #ffffff;
	display: block;
	margin-bottom: 18px;
}

.foot-mall ul li{
	float: left;
	margin-right: 24px;
	text-align: center;
}

.foot-mall ul li p{
	font-size: 14px;
	color: #999999;
	margin-top: 12px;
}





.foot-right{
	width: 60%;
	float: right;
}

.foot-menu {
	text-align: right;
}

.foot-menu ul li{
	display: inline-block;
	margin-left: 4%;
}

.foot-menu ul li a{
	font-size: 18px;
	color: #ffffff;
}

.foot-menu ul li a:hover{
	font-weight: bold;
}


.foot-rwm{
	margin-top: 56px;
}
.foot-rwm ul li{
	float: right;
	margin-left: 24px;
	text-align: center;
}

.foot-rwm ul li p{
	font-size: 14px;
	color: #cccccc;
	margin-top: 16px;
}


.foot-copy{
	font-size: 14px;
	color: #cccccc;
	text-align: right;
	margin-top: 80px;
}

.foot-copy p a{
	color: #cccccc;
}

.foot-endorsement{
	text-align: right;
	margin-top: 16px;
}

.foot-endorsement a{
	font-size: 14px;
	color: #999999;
	margin-left: 10px;
}



/*友情链接*/

.link{
	background: #1f2526;
}

.link .container{
	border-top: 1px solid #444444;
	padding: 13px 0;
}

.link a{
	padding: 2px 0;
	margin: 0 3px;
	display: inline-block;
	color: #999999;
	font-size: 14px;
}

.link .title{
	padding: 2px 0;
	float: left;
	font-size: 14px;
	color: #666666;
}

.link .link-list{
	width: 93%;
	float: left;
}





.index{
	width: 100%;
	height: 5861px;
	background: url(../images/index.jpg) center top no-repeat;
}

.product{
	width: 100%;
	height: 4317px;
	background: url(../images/product.jpg) center top no-repeat;
}

.product-list{
	width: 100%;
	height: 3534px;
	background: url(../images/product_list.jpg) center top no-repeat;
}

.product-page{
	width: 100%;
	height: 8829px;
	background: url(../images/product_page.jpg) center top no-repeat;
}


.case{
	width: 100%;
	height: 3537px;
	background: url(../images/case.jpg) center top no-repeat;
}

.case-page{
	width: 100%;
	height: 2298px;
	background: url(../images/case_page.jpg) center top no-repeat;
}


.solution{
	width: 100%;
	height: 4178px;
	background: url(../images/solution.jpg) center top no-repeat;
}


.solution-page{
	width: 100%;
	height: 9045px;
	background: url(../images/solution_page.jpg) center top no-repeat;
}

.data{
	width: 100%;
	height: 3285px;
	background: url(../images/data.jpg) center top no-repeat;
}


.enter-video{
	width: 100%;
	height: 2909px;
	background: url(../images/enter_video.jpg) center top no-repeat;
}

.video-page{
	width: 100%;
	height: 1569px;
	background: url(../images/video_page.jpg) center top no-repeat;
}



.activity{
	width: 100%;
	height: 4683px;
	background: url(../images/activity.jpg) center top no-repeat;
}

.activity-page{
	width: 100%;
	height: 4136px;
	background: url(../images/activity_page.jpg) center top no-repeat;
}




/*新闻*/

.list-banner{
	position: relative;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.list-banner:before{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	content: "";
	display: block;
	z-index: 8;
	
}

.list-tp-video video{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 6;
    object-fit: cover;
}

.list-banner .container{
	position: relative;
	z-index: 9;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.list-banner .text{
	text-align: center;
}

.list-banner .text h2{
	font-size: 56px;
	color: #ffffff;
}

.list-banner .text h3{
	font-size: 18px;
	color: #ffffff;
	margin-top: 24px;
	font-weight: initial;
}


.list-menu{
	height: 99px;
	border-bottom: 1px solid #eeeeee;
}

.list-cru{
	line-height: 99px;
	float: left;
}

.list-cru a{
	font-size: 14px;
	color: #999999;
}

.list-cru a:hover{
	font-size: 14px;
	color: #007983;
}

.list-cru span{
	margin: 0 8px;
	font-size: 14px;
	color: #999999;
}


.submenu{
	float: right;
}

.submenu ul li{
	display: inline-block;
	margin-left: 44px;
	line-height: 99px;
	position: relative;
}

.submenu ul li a{
	font-size: 16px;
	color: #333333;
}

.submenu ul li a:hover{
	color: #007983;
}

.submenu ul li a:after{
	width: 0;
	height: 2px;
	background: #007983;
	display: block;
	content: "";
	position: absolute;
	left: 0%;
	bottom: -1px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	
}

.submenu ul li a:hover:after{
	width: 100%;
}


.submenu ul li.active a{
	color: #007983;
	font-weight: bold;
}

.submenu ul li.active a:after{
	width: 100%;
}



.news-list{
	padding: 104px 0;
	text-align: center;
}

.news-list .item{
	text-align: left;
	float: left;
	width: 30%;
	margin-left: 5%;
	margin-bottom: 80px;
}

.news-list .item:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}


.news-list .item .time b{
	font-size: 24px;
	color: #333;
}

.news-list .item .time span{
	font-size: 14px;
	color: #999999;
	margin-left: 8px;
}

.news-list .item .pic{
	margin-top: 20px;
	overflow: hidden;
}

.news-list .item .pic img{
	width: 100%;
    height: 100%;
    object-fit: cover;
}


.news-list .item .text{
	margin-top: 28px;
}

.news-list .item .text h2{
	font-size: 24px;
	color: #333333;
	line-height: 36px;
	max-height: 36px;
	font-weight: initial;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.news-list .item:hover .text h2{
	color: #007983;
}

.news-list .item .text p{
	font-size: 14px;
	color: #666666;
	line-height: 26px;
	margin-top: 16px;
	max-height: 52px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.news-list .item .des-but{
	margin-top: 24px;
}

.news-list .item .des-but a{
	font-size: 14px;
	color: #999999;
	line-height: 48px;
	position: relative;
	display: inline-block;
}

.des-icon{
	width: 7px;
	height: 11px;
	background: url(../images/des_icon.png) center top no-repeat;
	display: inline-block;
	position: relative;
	bottom: -1px;
	margin-left: 2px;
}

.news-list .item .des-but a:hover .des-icon{
	background: url(../images/des_icon_a.png) center top no-repeat;
}

.news-list .item .des-but a:hover{
	color: #007983;
}

.news-list .item .des-but a:before{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 2px;
	display: block;
	content: "";
	background: #cccccc;
}

.news-list .item .des-but a:after{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 0;
	height: 2px;
	display: block;
	content: "";
	background: #007983;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.news-list .item .des-but a:hover:after{
	width: 100%;
}



.increase-more{
	font-size: 16px;
	color: #333333;
	display: inline-block;
}

.increase-icon{
	display: inline-block;
	width: 32px;
	height: 32px;
	background: #f5f5f5 url(../images/increase_icon.png) center center no-repeat;
	border-radius: 50%;
	margin-left: 10px;
	position: relative;
	bottom: -8px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.increase-more:hover{
	color: #007983;
}

.increase-more:hover .increase-icon{
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}



/*内容页*/

.page-menu{
	height: 72px;
	line-height: 72px;
	background: #f8f8f8;
}

.page-menu a{
	font-size: 16px;
	color: #333333;
	margin-right: 48px;
}

.page-menu a:hover{
	color: #007983;
}


.page-cru{
	height: 62px;
	line-height: 62px;
	border-bottom: 1px solid #eeeeee;
}

.page-cru span{
	margin: 0 8px;
	font-size: 14px;
	color: #dddddd;
}

.page-cru a{
	font-size: 14px;
	color: #999999;
}

.page-cru a:hover{
	color: #007983;
}


.page-news-box{
	padding: 96px 0;
}

.container-1000{
	max-width: 1000px;
	margin: 0 auto;
}

.pnews-title{
	text-align: center;
	padding-bottom: 32px;
	border-bottom: 1px solid #ddd;
}

.pnews-title h2{
	font-size: 32px;
	color: #333333;
}


.pnews-title .des{
	margin-top: 12px;
}

.pnews-title .des span{
	font-size: 14px;
	color: #999999;
	margin: 0 15px;
}


.pnews-content{
	padding: 48px 0 64px;
	font-size: 16px;
	line-height: 32px;
	color: #333333;
}




.page-paging{
	padding-top: 16px;
	border-top: 1px solid #ddd;
}

.page-paging a{
	font-size: 14px;
	color: #333333;
}

.page-paging a:hover{
	font-size: 14px;
	color: #007983;
}

.page-paging .on{
	float: left;
	width: 33%;
}

.on-icon{
	display: inline-block;
	width: 6px;
	height: 11px;
	background: url(../images/on_icon.png) center center no-repeat;
	position: ;
	margin-right: 10px;
}


a:hover .on-icon{
	background: url(../images/on_icon_a.png) center center no-repeat;
}

.page-paging .return{
	float: left;
	width: 33%;
	text-align: center;
}

.page-paging .un{
	float: right;
	width: 33%;
	text-align: right;
}

.un-icon{
	display: inline-block;
	width: 6px;
	height: 11px;
	background: url(../images/un_icon.png) center center no-repeat;
	position: ;
	margin-left: 10px;
}

a:hover .un-icon{
	background: url(../images/un_icon_a.png) center center no-repeat;
}



.cor-infor{
	padding: 90px 0;
	background: #f8f8f8;
}

.cor-infor-title{
	text-align: center;
}

.cor-infor-title h2{
	font-size: 36px;
	color: #333333;
	margin-bottom: 8px;
}

.cor-infor-title span{
	font-size: 14px;
	color: #999999;
	text-transform: uppercase;
}


.cor-infor-list{
	margin-top: 45px;
}

.cor-infor-list ul li{
	width: 47%;
	height: 48px;
	line-height: 48px;
	float: left;
	margin-left: 6%;
	border-bottom: 1px dashed #ddd;
}

.cor-infor-list ul li:nth-child(2n+1){
	margin-left: 0;
}

.cor-infor-list ul li a{
	width: 72%;
	float: left;
	font-size: 16px;
	color: #333333;
	max-height: 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.cor-infor-list ul li a:hover{
	color: #007983;
}

.cor-infor-list ul li span{
	font-size: 14px;
	color: #999999;
	display: block;
	float: right;
}



.activity-list{
	text-align: center;
	padding: 112px 0 104px;
}

.activity-list .item{
	text-align: left;
	background: #f9f9f9;
	position: relative;
	margin-bottom: 64px;
}

.activity-list .item .tp{
	float: left;
	width: 66%;
	overflow: hidden;
}

.activity-list .item .act-des{
	float: right;
	width: 34%;
}

.act-des .box{
	padding: 56px;
}

.act-des .title{
	
}

.act-des .title h2{
	font-size: 32px;
	color: #222222;
	margin-bottom: 12px;
	max-height: 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.activity-list .item:hover .act-des .title h2{
	color: #007983;
}

.act-des .title span{
	font-size: 16px;
	color: #666666;
}

.act-des .title b{
	color: #333;
}

.act-des .text{
	margin-top: 48px;
}

.act-des .text p{
	font-size: 14px;
	color: #666666;
	line-height: 28px;
	max-height: 56px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}


.act-des .act-peo{
	margin-top: 75px;
}

.act-des .act-peo p{
	font-size: 18px;
	color: #333333;
}

.act-des .act-peo em{
	font-size: 36px;
	color: #007983;
	font-weight: bold;
}

.act-des .act-peo span{
	font-size: 18px;
	color: #007983;
}


.act-des .act-but{
	margin-top: 56px;
	position: relative;
	z-index: 9;
}

.act-des .act-but a{
	width: 48%;
	height: 40px;
	line-height: 40px;
	color: #FFFFFF;
	background: #007983;
	font-size: 14px;
	display: block;
	float: left;
	text-align: center;
	margin-left: 4%;
}


.act-des .act-but a.act-view{
	margin-left: 0;
	background: #008d99;
}

.act-des .act-but a:hover{
	opacity: .8;
}


.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 999;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		width: 1000px;
		margin-left: -500px;
		position: absolute;
		z-index: 9999;
		}
		

.reveal-modal .close-reveal-modal {
	font-size: 24px;
	line-height: .5;
	position: absolute;
	top: -20px;
	right: -20px;
	color: #999;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: initial;
	cursor: pointer;
} 





.act-sign-window{
	background: #007983;
	border-radius: 16px;
	margin-bottom: 64px;
}

.act-sign-window .box{
	padding: 24px;
}

.sign-con{
	border-radius: 16px;
	background: #FFFFFF;
}

.sign-con .subbox{
	padding: 56px 123px;
}

.sign-con .title{
	text-align: center;
}

.sign-con .title h2{
	font-size: 32px;
	color: #007983;
}

.sign-input .item{
	margin-top: 32px;
}

.sign-input .item p{
	font-size: 16px;
	color: #333333;
}

.sign-input .item p span{
	color: #e00000;
	margin-left: 8px;
}

.sign-input .item input{
	font-size: 16px;
	color: #333333;
	width: 96%;
	padding: 0 2%;
	height: 48px;
	border: initial;
	background: #f8f8f8;
	margin-top: 14px;
	outline: initial;
}

.sign-submit{
	margin-top: 40px;
	text-align: center;
}

.sign-submit a{
	display: inline-block;
	width: 152px;
	height: 48px;
	line-height: 44px;
	border-radius: 4px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: #007983;
	color: #fff;
}

.sign-submit a:hover{
	opacity: .8;
}




/*案例列表*/

.case-list{
	text-align: center;
	padding: 104px 0;
}

.case-list .item{
	text-align: left;
	margin-bottom: 52px;
	position: relative;
	width: 32.21%;
	float: left;
	margin-left: 1.68%;
	box-shadow: 0 0 8px rgba(0,0,0,.06);
	background: #FFFFFF;
}

.case-list .item:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}


.case-list .item:before{
	position: absolute;
	content: "";
	display: block;
	width: 0;
	height: 3px;
	background: #007983;
	bottom: 0;
	left: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.case-list .item:hover:before{
	width: 100%;
}

.case-list .item .pic{
	overflow: hidden;
}

.case-list .item .box{
	padding: 36px 32px 54px 32px;
}

.case-list .item .text{
	
}

.case-list .item .text span{
	font-size: 14px;
	color: #999999;
}

.case-list .item .text h2{
	color: #333333;
	font-size: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 40px;
	font-weight: initial;
	margin-top: 16px;
}

.case-list .item:hover .text h2{
	color: #007983;
}

.case-list .item .des-but{
	margin-top: 44px;
	position: relative;
	z-index: 9;
}

.case-list .item .des-but a{
	color: #999999;
	font-size: 14px;
}

.case-list .item:hover .des-but a{
	color: #007983;
}

.case-list .item:hover .des-but a .des-icon{
	background: url(../images/des_icon_a.png) center center no-repeat;
}



/*案例内容页*/


.case-page-content{
	padding-bottom: 120px;
}

.case-page-content .container{
	overflow: hidden;
}


.page-cru.case-cru{
	border-bottom: initial;
}


.case-pic{
	width: 57.6%;
	float: left;
	overflow: hidden;
}

.slider-container {
  position: relative;
  width: 100%;
  margin: 0 auto;
  background-color: #444;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.slider {
  position: relative;
  width: 9999px;
}
.slider:before,
.slider:after {
  display: table;
  content: ' ';
}
.slider:after {
  clear: both;
}
.slider__item {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
  height: 100%;
  display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	overflow: hidden;
}
.slider__item img {
  display: block;
  max-width: initial;
  height: 527px;
}
.slider__switch span {
  color: #ccc;
  display: block;
  width: 28px;
  height: 32px;
} 
/* Arrows */
.slider__switch {
  position: absolute;
  bottom: -80px;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
       -o-user-select: none;
          user-select: none;
  border-radius: 1px;
  opacity: 1;
  transition: opacity .15s ease;
  fill: #ccc;
}
.slider__switch--prev {
  left: -7px;
}
.slider__switch--next {
  right: -7px;
}

.slider__switch:hover {
  opacity: 1;
  fill: #007983;
}
.slider__switch[disabled] {
  visibility: hidden;
  opacity: 1;
}
.slider-nav {
  line-height: 30px;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0;
  text-align: center;
  z-index: 99999;
  filter: alpha(opacity=100); /* ie8 */
}
.slider-nav__control {
  display: none;
}

.slider.has-touch {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor:    -moz-grabbing;
}

		.preview {
			margin-top: 16px;
			height: 95px;
			overflow: hidden;
		    text-align: center;
		}
		.preview a {
			 transition: initial;
		  display: inline-block;
		  margin: 0 2px;
		  position: relative;
		}
		.preview img {
		  display: block;
		  width: 149px;
		  height: 95px;
		  height: auto;
		}
		.preview .active:before {
			position: absolute;
			left: 0;
			top: 0;
			width: 143px;
		    height: 89px;
			content: "";
			display: block;
		  border: 3px solid #007983;
		}


.case-text{
	width: 39%;
	float: right;
	padding-top: 8px;
}


.case-text .c-t-left{
	float: left;
	width: 75%;
}

.case-text .c-t-left h2{
	font-size: 24px;
	line-height: 32px;
	color: #333333;
	margin-bottom: 8px;
}

.case-text .c-t-left span{
	font-size: 14px;
	color: #757575;
}



.case-text .c-t-right{
	float: right;
	text-align: center;
	position: relative;
}

.case-text .c-t-right:before{
	width: 1px;
	height: 100%;
	content: "";
	background: #eee;
	display: block;
	position: absolute;
	left: -30px;
	top: 0px;
}

.case-text .c-t-right b{
	font-size: 36px;
	color: #007983;
	line-height: 36px;
}

.case-text .c-t-right span{
	font-size: 14px;
	color: #007983;
	margin-top: 6px;
	display: inline-block;
}


.case-text .c-text{
	margin-top: 24px;
}

.case-text .c-text p{
	line-height: 32px;
	color: #333333;
	font-size: 16px;
}


.case-text .c-chara{
	margin-top: 44px;
	background: #F8F8F8;
}

.case-text .c-chara .box{
	padding: 0 24px;
}

.case-text .c-chara ul li{
	line-height: 62px;
	height: 62px;
	border-bottom: 1px dashed #dddddd;
}

.case-text .c-chara ul li:last-child{
	border-bottom: initial;
}

.case-text .c-chara ul li span{
	display: block;
	float: left;
	font-size: 14px;
	color: #666666;
}

.case-text .c-chara ul li p{
	float: right;
	font-size: 16px;
	color: #333333;
}


.case-text .c-consult{
	margin-top: 56px;
}

.case-text .c-consult a{
	padding: 0 18px;
	display: inline-block;
	border: 1px solid #00837e;
	font-size: 14px;
	font-weight: bold;
	color: #00837e;
	height: 38px;
	line-height: 36px;
}


.case-text .c-consult a:hover{
	background: #00837e;
	color: #fff;
}

.acquire{
	margin-right: 8px;
}

.case-text .c-consult a.consult{
	background: #00837e;
	color: #fff;
}

.case-text .c-consult a.consult:hover{
	opacity: .8;
}



.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 999;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 200px; 
		left: 50%;
		width: 680px;
		margin-left: -340px;
		position: absolute;
		z-index: 9999;
		}
		

.reveal-modal .close-reveal-modal {
	font-size: 36px;
	line-height: .5;
	position: absolute;
	top: -28px;
	right: -28px;
	color: #999;
	text-shadow: 0 -1px 1px rbga(0,0,0,.6);
	font-weight: initial;
	cursor: pointer;
} 






.act-sign-window{
	background: #007983;
	border-radius: 16px;
	margin-bottom: 64px;
}

.act-sign-window .box{
	padding: 16px;
}

.sign-con{
	border-radius: 16px;
	background: #FFFFFF;
}

.sign-con .subbox{
	padding: 48px 48px;
}

.sign-con .title{
	text-align: center;
}

.sign-con .title h2{
	font-size: 28px;
	color: #007983;
}

.sign-input .item{
	margin-top: 32px;
}

.sign-input .item p{
	font-size: 16px;
	color: #333333;
}

.sign-input .item p span{
	color: #e00000;
	margin-left: 8px;
}

.sign-input .item input{
	font-size: 16px;
	color: #333333;
	width: 92%;
	padding: 0 3%;
	height: 48px;
	border: initial;
	background: #f8f8f8;
	margin-top: 14px;
	outline: initial;
}

.sign-submit{
	margin-top: 40px;
	text-align: center;
}

.sign-submit a{
	display: inline-block;
	width: 160px;
	height: 48px;
	line-height: 44px;
	border-radius: 4px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	background: #007983;
	color: #fff;
	transition: initial;
	-moz-transition: initial;
	-webkit-transition: initial;
}

.sign-submit a:hover{
	opacity: .8;
}





.case-rec{
	padding: 104px 0 72px;
	background: #F8F8F8;
}

.rec-title .title{
	float: left;
}

.rec-title .title h2{
	font-size: 40px;
	color: #333;
}

.rec-title .more{
	float: right;
}

.rec-title .more{
	float: right;
	
}

.rec-title .more a{
	line-height: 30px;
	display: block;
	padding-top: 10px;
}

.rec-title .more .increase-icon{
	background-color: #FFFFFF;
	bottom: -10px;
}


.rec-case-list.case-list{
	padding: 0;
	margin-top: 48px;
}


.case-list .item .type{
	width: 72px;
	height: 24px;
	color: #FFFFFF;
	font-size: 14px;
	line-height: 22px;
	background: #c82434;
	border-radius: 3px;
	text-align: center;
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 999;
}




/*产品*/

.product-banner{
	position: relative;
}

.list-banner-pc{
	width: 100%;
	height: 100%;
	background-position: center center; 
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	z-index: 1;
}

.list-banner-phone{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-position: center center; 
	background-repeat: no-repeat;
	background-size: cover;
	display: none;
}

.product-banner .container{
	position: relative;
	z-index: 9;
	height: 780px;
}

.product-thumbnail{
	width: 100%;
	height: 136px;
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: rgba(0,0,0,.5);
}

.product-thumbnail .box{
	padding: 10px .35%;
}

.pro-thum-list{
	width: 95.8%;
	float: left;
}

.pro-thum-list ul li{
	float: left;
	width: 9.3%;
	margin: 0 .35%;
}

.pro-thum-list ul li .pic{
	background: #fff;
	text-align: center;
	overflow: hidden;
}

.pro-thum-list ul li .pic img{
	height: 84px;
}

.pro-thum-list ul li p{
	font-size: 16px;
	color: rgba(255,255,255,.8);
	text-align: center;
	margin-top: 8px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	
}

.pro-all{
	width: 3.5%;
	float: right;
	margin-right: .35%;
}

.pro-all i{
	display: block;
	height: 84px;
	width: 100%;
	background-color: rgba(255,255,255,.2);
	background-image: url(../images/product_all.png);
	background-position: center center; 
	background-repeat: no-repeat;
}

.pro-all span{
	display: block;
	color: rgba(255,255,255,.8);
	text-align: center;
	margin-top: 8px;
	font-size: 16px;
}



.product-menu{
	height: 72px;
	background: #f8f8f8;
}

.product-menu .lb1{
	position: relative;
}

.swiper-slide {
	float: left;
	width: 12.5%;
	text-align: center;
}

.swiper-slide a{
	line-height: 72px;
	color: #000000;
	font-size: 18px;
}

.swiper-slide a:hover{
	color: #007983;
}

.swiper-slide a.active{
	color: #007983;
}

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1
}


.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}

.swiper-container-multirow>.swiper-wrapper {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.swiper-container-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto
}

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}



.swiper-button-next,
.swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 11px;
	height: 19px;
	margin-top: -9px;
	z-index: 10;
	cursor: pointer;
	background-size: 11px 19px;
	background-position: center;
	background-repeat: no-repeat
}

.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
	opacity: .6;
	cursor: auto;
	pointer-events: none
}

.swiper-button-prev {
	background-image: url(../images/button_prev.png);
	left: -21px;
	right: auto
}

.swiper-button-next{
	background-image: url(../images/button_next.png);
	right: -21px;
	left: auto
}

.swiper-button-prev.swiper-button-white {
	background-image: url(../images/button_prev_a.png);
}

.swiper-button-next.swiper-button-white {
	background-image: url(../images/button_next_a.png);
}

.swiper-button-prev.swiper-button-black{
	background-image: url(../images/button_prev_a.png);
}

.swiper-button-next.swiper-button-black {
	background-image: url(../images/button_next_a.png);
}



.swiper-button-prev:hover {
	background-image: url(../images/button_prev_a.png);
}

.swiper-button-next:hover{
	background-image: url(../images/button_next_a.png);
}




.product-point{
	padding: 104px 0;
}

.point-item{
	float: left;
	width: 32.26%;
	margin-left: 1.6%;
	background: url(../images/product_point_bg.jpg) center center no-repeat;
	background-size: cover;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.point-item:hover{
	background: url(../images/product_point_bg_a.jpg) center center no-repeat;
	background-size: cover;
}

.point-item:nth-child(3n+1){
	margin-left: 0;
}

.point-item a{
	padding: 42px 40px 0 40px;
	display: block;
}

.point-item h2{
	font-size: 56px;
	font-weight: initial;
	color: #333333;
}

.point-item:hover h2{
	color: #fff;
}

.point-item h3{
	font-size: 28px;
	font-weight: initial;
	color: #333333;
	margin-top: 12px;
}

.point-item:hover h3{
	color: #fff;
}

.point-item p{
	font-size: 20px;
	line-height: 36px;
	color: #666666;
	margin-top: 22px;
}

.point-item:hover p{
	color: #fff;
}

.point-item p span{
	display:block ;
}




.rec-title.white-title .title{
	float: left;
}

.rec-title.white-title .title h2{
	font-size: 40px;
	color: #333;
}

.rec-title.white-title .title span{
	font-size: 16px;
	color: #999999;
	margin-top: 8px;
	display: block;
}


.rec-title.white-title .more{
	float: right;
}

.rec-title.white-title .more{
	float: right;
	
}

.rec-title.white-title .more a{
	line-height: 30px;
	display: block;
	padding-top: 32px;
}

.rec-title.white-title .more .increase-icon{
	background-color: #F8F8F8;
	bottom: -10px;
}



.solut-box{
	margin-top: 60px;
}

.solut-item{
	width: 25%;
	float: left;
	position: relative;

}

.solut-item:before{
	position: absolute;
	left: 0;
	top: 0;
	background-color: rgba(29,34,40,.5);
	display: block;
	content: "";
	width: 100%;
	height: 100%;
}

.solut-item:hover:before{
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.solut-item:after{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-color: rgba(0,140,150,1);
	mix-blend-mode: multiply;
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.solut-item:hover:after{
	opacity: 1;
}


@media only screen and (min-width:1920px) {
	.solut-item-img{
		height: 684px;
	}
	.solut-item-img img{
		width: 100%;
		height: 100%;
		opacity: cover;
	}
}



.solut-item-text{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.solut-item-text .title{
	text-align: center;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.solut-item-text .title h2{
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 8px;
}

.solut-item-text .title span{
	font-size: 14px;
	color: rgba(255,255,255,.3);
	font-weight: bold;
	text-transform: uppercase;
}

.solut-item-text .chara {
	padding-top: 0px;
	height: 0;
	overflow: hidden;
	transition: .8s;
	-moz-transition: .8s;
	-webkit-transition: .8s;
}

.solut-item:hover .solut-item-text .chara{
	padding-top: 20px;
	height: 180px;
}

.solut-item-text .chara {
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.solut-item-text .chara ul li{
	text-align: center;
	margin-top: 28px;
}

.solut-item-text .chara ul li h3{
	font-size: 18px;
	color: #fff;
}

.solut-item-text .chara ul li p{
	font-size: 16px;
	color: #fff;
	line-height: 28px;
	margin-top: 6px;
}




.index-case{
	padding: 112px 0 120px;
}

.index-case-box{
	padding-top: 26px;
}

.index-case-box .item{
	width: 32.26%;
	float: left;
	margin-left: 1.6%;
	margin-top: 24px;
}

.index-case-box .item:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}

.index-case-box .item .pic{
	overflow: hidden;
}

.index-case-box .item .text .box{
	border: 1px solid #EEEEEE;
	border-top: initial;
	padding: 24px 31px;
}

.index-case-box .item .text .box h2{
	font-size: 20px;
	color: #333333;
	max-height: 40px;
	line-height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.index-case-box .item:hover .text .box h2{
	color: #007983;
}

.index-case-box .item .text .box p{
	font-size: 14px;
	color: #757575;
	line-height: 28px;
	margin-top: 8px;
	padding-top: 8px;
	border-top: 1px dashed #ddd;
	position: relative;
}

.index-case-box .item:hover .text .box p{
	color: #007983;
}

.index-case-box .item .text .box p:after{
	position: absolute;
	right: 0;
	top:16px;
	content: "";
	display: block;
	width: 7px;
	height: 11px;
	background: url(../images/des_icon.png) center center no-repeat;
}

.index-case-box .item:hover .text .box p:after{
	background: url(../images/des_icon_a.png) center center no-repeat;
}



/*产品列表*/

.product-list-box{
	padding: 104px 0 120px;
}

.p-l-t h2{
	float: left;
	font-size: 40px;
	color: #333333;
}

.p-l-t span{
	display: block;
	float: right;
	font-size: 48px;
	color: #f5f5f5;
	font-weight: bold;
	text-transform: uppercase;
}



.p-l-content{
	padding-top: 24px;
}

.p-l-content .item{
	margin-top: 24px;
	width: 32.26%;
	float: left;
	margin-left: 1.6%;
	background: #F8F8F8;
	position: relative;
}

.p-l-content .item:nth-child(3n+1){
	margin-left: 0;
	clear: both;
}

.p-l-content .item:nth-child(1) .pic,.p-l-content .item:nth-child(7) .pic,.p-l-content .item:nth-child(13) .pic{
	background: url(../images/product_pic_bg.png) center center no-repeat;
	background-size: auto 70%;
}

.p-l-content .item:nth-child(2) .pic,.p-l-content .item:nth-child(8) .pic,.p-l-content .item:nth-child(14) .pic{
	background: url(../images/product_pic_bg2.png) center center no-repeat;
	background-size: auto 80%;
}

.p-l-content .item:nth-child(3) .pic,.p-l-content .item:nth-child(9) .pic,.p-l-content .item:nth-child(15) .pic{
	background: url(../images/product_pic_bg3.png) center center no-repeat;
	background-size: auto 80%;
}

.p-l-content .item:nth-child(4) .pic,.p-l-content .item:nth-child(10) .pic,.p-l-content .item:nth-child(16) .pic{
	background: url(../images/product_pic_bg4.png) center center no-repeat;
	background-size: auto 80%;
}

.p-l-content .item:nth-child(5) .pic,.p-l-content .item:nth-child(11) .pic,.p-l-content .item:nth-child(17) .pic{
	background: url(../images/product_pic_bg5.png) center center no-repeat;
	background-size: auto 80%;
}

.p-l-content .item:nth-child(6) .pic,.p-l-content .item:nth-child(12) .pic,.p-l-content .item:nth-child(18) .pic{
	background: url(../images/product_pic_bg6.png) center center no-repeat;
	background-size: auto 80%;
}



.p-l-content .box{
	padding: 40px 24px 48px 24px;
}

.p-l-content .sw{
	position: absolute;
	left: 50px;
	top: 50px;
	height: 24px;
	line-height: 22px;
	padding: 0 8px;
	border-radius: 2px;
	background: #c82434;
	color: #fff;
	font-size: 14px;
}

.p-l-content .pic{
	padding: 40px;
	text-align: center;
}

.p-l-content .text{
	text-align: center;
}

.p-l-content .text h2{
	font-size: 24px;
	color: #333333;
	font-weight: initial;
	max-height: 40px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.p-l-content .item:hover .text h2{
	color: #007983;
}

.p-l-content .text p{
	font-size: 14px;
	color: #999;
	margin-top: 10px;
	max-height: 26px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.p-l-content .des-but{
	text-align: center;
	margin-top: 24px;
	position: relative;
	z-index: 9;
}

.p-l-content .des-but a{
	font-size: 16px;
	color: #999999;
}

.p-l-content .des-but a:hover{
	color: #007983;
}

.des-but a:hover .des-icon{
	background: url(../images/des_icon_a.png) center center no-repeat;
}





/*产品内容页*/

.product-submenu-box{
	width: 100%;
	height: 64px;
}


.prod-page-menu{
	width: 100%;
	height: 64px;
	line-height: 64px;
	background: #F8F8F8;
	box-shadow: 0 0 6px rgba(0,0,0,.1);
	z-index: 9;
}

.prod-page-menu .pro-subtitle{
	float: left;
	display: flex;
}

.prod-page-menu .pro-subtitle h2{
	font-size: 18px;
	color: #333333;
}

.prod-page-menu .pro-subtitle span{
	display: inline-block;
	height: 20px;
	line-height: 18px;
	padding: 0 4px;
	border-radius: 2px;
	background: #c82434;
	font-size: 12px;
	color: #fff;
	margin-left: 10px;
	margin-top: 22px;
}


.pro-submenu{
	float: right;
}

.pro-submenu a{
	font-size: 14px;
	color: #666666;
}

.pro-submenu a:hover{
	color: #007983;
}

.pro-submenu span{
	font-size: 12px;
	color: #cccccc;
	margin: 0 4px;
}

a.online-mall{
	padding: 3px 15px 6px 15px;
	border: 1px solid #007983;
	border-radius: 3px;
	color: #007983;
	margin-left: 16px;
	font-size: 12px;
}

a.online-mall:hover{
	background: #007983;
	color: #FFFFFF;
}

a.consultation{
	padding: 4px 16px 7px 16px;
	border-radius: 3px;
	color: #FFFFFF;
	background: #c82434;
	margin-left: 2px;
	font-size: 12px;
}

a.consultation:hover{
	color: #FFFFFF;
	opacity: .88;
}


.phone{
	display: none;
}

.product-page-banner{
	text-align: center;
}


.prod-page-chara{
	padding: 120px 0;
}


.prod-page-chara .container{
	 display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
}

.flex2{
	    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.chara-left{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
}

.chara-left .flex1{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}


.chara-left .item1{
	margin-right: 24px;
	position: relative;
}

.chara-left .item2{
	position: relative;
}

.chara-left .item1 .text,.chara-left .item2 .text{
	position: absolute;
	top: 40px;
	left: 40px;
}

.chara-left .item1 .text h2,.chara-left .item2 .text h2{
	font-size: 30px;
	color: #17181a;
	line-height: 40px;
}

.chara-left .item1 .text h2 span,.chara-left .item2 .text h2 span{
	display: block;
}

.chara-left .item1 .text p,.chara-left .item2 .text p{
	font-size: 16px;
	color: #999999;
	line-height: 32px;
	margin-top: 12px;
}

.chara-left .item1 .text p span,.chara-left .item2 .text p span{
	display: block;
}


.chara-left .item3{
	margin-top: 24px;
	position: relative;
}

.chara-left .item3 .text{
	position: absolute;
	top: 0;
	left: 40px;
	height: 100%;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

.chara-left .item3 .text h2{
	font-size: 30px;
	color: #17181a;
	line-height: 40px;
}

.chara-left .item3 .text p{
	font-size: 16px;
	color: #999999;
	line-height: 32px;
	margin-top: 12px;
}

.chara-left .item3 .text p span{
	display: block;
}


.chara-right .item4{
	margin-left: 24px;
	background: #F8F8F8;
	text-align: center;
	position: relative;
}

.chara-right .item4 .box{
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
}

.chara-right .item4 .text{
	padding: 40px;
}

.chara-right .item4 .text h2{
	font-size: 30px;
	color: #17181a;
	line-height: 40px;
}

.chara-right .item4 .text h2 span{
	display: block;
}

.chara-right .item4 .text p{
	font-size: 16px;
	color: #999999;
	line-height: 32px;
	margin-top: 12px;
}


.chara-up{
	margin-top: 24px;
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-direction: normal;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
}

.chara-up .item5{
	position: relative;
	margin-right: 24px;
}

.chara-up .item5 .text{
	position: absolute;
	top: 40px;
	left: 40px;
	height: 100%;
}

.chara-up .item5 .text h2{
	font-size: 30px;
	color: #17181a;
	line-height: 40px;
}

.chara-up .item5 .text h2 span{
	display: block;
}


.chara-up .item6{
	position: relative;
}

.chara-up .item6 .text{
	position: absolute;
	top: 40px;
	left: 40px;
	height: 100%;
}

.chara-up .item6 .text h2{
	font-size: 30px;
	color: #17181a;
	line-height: 40px;
}

.chara-up .item6 .text h2 span{
	display: block;
}

.chara-up .item6 .text p{
	font-size: 16px;
	color: #999999;
	line-height: 32px;
	margin-top: 12px;
}




.prod-video{
	padding-bottom: 120px;
}

.prod-video .container{
	position: relative;
}

.prod-video .container i{
}


.prod-video video{
	width: 100%;
	cursor: pointer;
}

.prod-video iframe{
	width: 100%;
	height: 800px;
}



.prod-advant{
	
}


.p-a-title {
	text-align: center;
	
}

.p-a-title h2{
	font-size: 40px;
	color: #333333;
}

.p-a-title span{
	font-size: 16px;
	color: #999999;
	display: block;
	margin-top: 8px;
	text-transform: uppercase;
}



.pro-advant-right{
	margin-top: 60px;
}

.pro-advant-right .container{
	position: relative;
	z-index: 1;
}

.pro-advant-right .text{
	width: 38%;
	float: right;
	position: absolute;
	top: 152px;
	right: 6%;
}

.pro-advant-right .text h2{
	font-size: 30px;
	color: #fff;
	line-height: 48px;
}

.pro-advant-right .text h2 span{
	display: block;
}

.pro-advant-right .text p{
	font-size: 16px;
	color: #fff;
	line-height: 36px;
	margin-top: 32px;
}

.pro-advant-right .pic{
	position: relative;
text-align: center;
}

/*.pro-advant-right .pic:before{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(51,51,51,.2);
	content: "";
	display: block;
}*/


.pro-advant-right.advant-center{
	margin-top: 0;
}

.pro-advant-right.advant-center .text{
	width: 38%;
	float: right;
	position: absolute;
	top: 152px;
	right: initial;
	left: 50%;
	text-align: center;
	transform: translateX(-50%);
}

.pro-advant-right.advant-center .text p{
	margin-top: 20px;
}

.pro-advant-right.advant-center2{
	margin-top: 0;
}

.pro-advant-right.advant-center2 .text{
	width: 42%;
	float: right;
	position: absolute;
	top: 112px;
	right: initial;
	left: 50%;
	text-align: center;
	transform: translateX(-50%);
}

.pro-advant-right.advant-center2 .text p{
	margin-top: 18px;
}


.prod-inte{
	margin-top: 112px;
}

.p-a-title p{
	font-size: 18px;
	line-height: 32px;
	margin-top: 24px;
}


.prod-inte .pic{
	margin-top: 62px;
text-align: center;
}



.prod-rec{
	padding: 112px 0 120px;
}

.prod-rec .more .increase-icon{
	background-color: #F8F8F8;
}





/*资料下载*/

.data-content{
	padding: 104px 0;
	text-align: center;
}

.data-content .container{
	padding-bottom: 16px;
}

.data-content .item{
	text-align: left;
	width: 49.2%;
	margin-left: 1.6%;
	float: left;
	margin-bottom: 24px;
	position: relative;
}

.data-content .item:hover {
	box-shadow: 0 0 6px rgba(0,0,0,.1);
}

.data-content .item:nth-child(2n+1){
	margin-left: 0;
	clear: both;
}

.data-content .item .box{
	padding: 12px;
	border: 1px solid #eee;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.data-content .item:hover .box{
	border: 1px solid #fff;
}

.data-content .item .box .text{
	float: left;
	width: 40%;
	padding: 1% 2%;
}

.data-content .item .title h2{
	font-size: 24px;
	font-weight: initial;
	color: #333333;
	max-height: 30px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.data-content .item:hover .title h2{
	color: #007983;
}

.data-content .item .title span{
	font-size: 14px;
	color: #999999;
	display: block;
	margin-top: 6px;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.data-content .item:hover .title span{
	color: #007983;
}


.data-content .item .down-view{
	position: absolute;
	bottom: 26px;
	z-index: 9;
}

.data-content .item .down-view a{
	font-size: 14px;
	color: #757575;
	text-decoration: underline;
	margin-right: 36px;
}

.data-content .item .down-view a:hover{
	color: #007983;
}

.data-content .item .box .pic{
	float: right;
	width: 52.8%;
	overflow: hidden;
}

.data-content .item .box .pic img{
    transition: all 0.4s;
}

.data-content .item:hover .box .pic img{
	transform: scale(1.08);
    transition: all 0.4s;
}





/*banner*/

.pb-carouselWarp {
    position: relative;
    width: 100%;
}
.pb-carouselWarp .pb-carousel {
	position: relative;
	height: 100vh;
  	overflow: hidden;
}

.pb-carouselWarp .pb-carousel li {
  display: none;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}

.pb-carouselWarp .pb-carousel .pb-this {
  display: block;
  left: 0;
}

.pb-carouselWarp .pb-carousel li a {
 	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
}

.pc{
	display: block;
}

.phone{
	display: none;
}


/*banner翻页圆点*/

.pb-carouselWarp .pb-carousel-ind {
	position: absolute;
	width: 100%;
	z-index: 8;
	bottom: 40px;
	left: 0;
	text-align: center;
	background-color:initial;
	padding: initial;
}


.pb-carouselWarp .pb-carousel-ind li {
  	display: inline-block;
	width: 23px;
	height: 2px;
	margin: 0 3px;
	position: initial;
	background: rgba(255,255,255,.4);
	cursor: pointer;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.pb-carouselWarp .pb-carousel-ind li:hover {
	width: 24px;
	height: 2px;
	background: rgba(255,255,255,1);
}

.pb-carouselWarp .pb-carousel-ind .pb-this {
	width: 24px;
	height: 2px;
	background: rgba(255,255,255,1);
}

.pb-carouselWarp .pb-carousel-ind .pb-this:before {
	display: none;
}

.pb-carouselWarp .pb-arrow {
  position: absolute;
  top: 50%;
  margin-top: -50px;
  width: 50px;
  height: 90px;
  cursor: pointer;
  border: none;
  outline: none;
  opacity: 0;
  transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.pb-carouselWarp:hover .pb-arrow {
	 opacity: .5;
}

.pb-carouselWarp .pb-arrow-prev {
  left: 0px;
 
   border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  background: url(../images/arrow_left.png) no-repeat center;
  transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.pb-carouselWarp .pb-arrow-prev:hover,.pb-carouselWarp .pb-arrow-next:hover{
	background-color: rgba(0,0,0,.5);
	opacity: 1;
}

.pb-carouselWarp .pb-arrow-next {
  right: 0px;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  background: url(../images/arrow_right.png) no-repeat center;
  transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

/* banner end */




.index-product-menu{
	background: #fff;
	box-shadow: 0 0 6px rgba(0,0,0,.08);
	padding: 26px 0;
}

.index-product-menu ul li{
	float: left;
	width: 12.5%;
	text-align: center;
	position: relative;
}

.index-product-menu ul li:after{
	position: absolute;
	right: 0px;
	top: 0;
	width: 1px;
	height: 100%;
	background: #eeeeee;
	content: "";
	display: block;
}

.index-product-menu ul li:last-child:after{
	display: none;
}

.index-product-menu ul li a{
	display: inline-block;
}

.index-product-menu ul li h2{
	font-size: 14px;
	color: #333333;
	font-weight: initial;
	margin-top: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 28px;
}

.index-product-menu ul li .pro-icon-a{
	display: none;
}

.index-product-menu ul li a:hover h2{
	color: #007983;
}

.index-product-menu ul li a:hover .pro-icon{
	display: none;
}

.index-product-menu ul li a:hover .pro-icon-a{
	display: inline-block;
}




.index-product{
	padding: 120px 0;
	background: #F8F8F8;
}

.index-product .swiper-container {
	width: 100%;
}

.index-product .swiper-slide {
	position: relative;
	width: 100%!important;
}

.index-product .swiper-slide .info {
	width: 44%;
	float: left;
	text-align: left;
}

.index-product .swiper-slide .info .title span{
	display: inline-block;
	height: 34px;
	color: #FFFFFF;
	background: #c82434;
	line-height: 32px;
	padding: 0 16px;
	border-radius: 4px;
	font-size: 18px;
}

.index-product .swiper-slide .info .title h2{
	font-size: 48px;
	max-height: 56px;
	line-height: 56px;
	color: #333333;
	margin-top: 14px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.index-product .swiper-slide .info .text{
	margin-top: 40px;
}

.index-product .swiper-slide .info .text p{
	color: #757575;
	line-height: 32px;
	font-size: 16px;
	max-height: 64px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.index-product .swiper-slide .info .chara{
	margin-top: 30px;
}

.index-product .swiper-slide .info .chara ul li{
	padding: 18px 0;
	font-size: 16px;
	color: #333333;
	line-height: 32px;
	border-bottom: 1px dashed #ddd;
}

.index-product .swiper-slide .info .chara ul li:last-child{
	border-bottom: initial;
}

.index-product .swiper-slide .info .chara ul li i{
	margin-right: 20px;
}

.index-product .swiper-slide .info .chara ul li img{
	height: 30px;
}

.index-product .swiper-slide .info .des-more{
	margin-top: 104px;
}

.index-product .swiper-slide .info .des-more a{
	font-size: 14px;
	color: #333333;
	margin-right: 40px;
	line-height: 18px;
}

.index-product .swiper-slide .info .des-more a:hover{
	color: #007983;
}

.index-product .swiper-slide .img {
	float: right;
	width: 49%;
	text-align: right;
	overflow: hidden;
}



.turning-prompt{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 44%;
	padding-top: 26px;
	border-top: 1px solid #999999;
}

.index-product .swiper-pagination {
	text-align: left;
}

.index-product .swiper-pagination-fraction {
	font-size: 14px;
	color: #333;
}

.swiper-pagination-fraction .swiper-pagination-current{
	font-size: 20px;
	font-weight: bold;
}



.index-product .swiper-button-next,
.index-product .swiper-button-prev {
	width: 30px;
	height: 30px;
	position: absolute;
	right: 0;
}

.index-product .swiper-button-prev {
	background: url(../images/index_pro_left.png) center center no-repeat;
	left: initial;
	right: 50px;
}

.index-product .swiper-button-next {
	background: url(../images/index_pro_right.png) center center no-repeat;
	left: initial;
	right: 0;
}

.index-product .swiper-button-prev:hover {
	background: url(../images/index_pro_left_a.png) center center no-repeat;
}

.index-product .swiper-button-next:hover {
	background: url(../images/index_pro_right_a.png) center center no-repeat;
}



.index-home{
	padding: 110px 0 130px;
}

.index-home .title{
	text-align: center;
}

.index-home .title h2{
	font-size: 36px;
	color: #333333;
}

.index-home .title p{
	font-size: 18px;
	color: #757575;
	margin-top: 12px;
}

.i-home{
	margin-top: 60px;
	position: relative;
}

.home-pic{
	text-align: center;
}

.poist{
	position: absolute;
	z-index: 1;
}

.air{
	top: 160px;
	left: 395px;
}

.h-trig{
	cursor: pointer;
}

.h-trig{
	font-size: 14px;
	color: #333333;
}

.h-trig-box{
	position: relative;
}

.h-trig i{
	display: inline-block;
	width: 10px;
	height: 10px;
	position: relative;
	margin-right: 12px;
}

.h-trig i:after{
	display: block;
	content: "";
	width: 10px;
	height: 10px;
	background: #007983;
	border-radius: 50%;
	position: absolute;
}

.h-trig i:before{
	display: block;
	content: "";
	width: 15px;
	height: 15px;
	background-color: #007983;
	border-radius: 50%;
	position: absolute;
	left: -2.5px;
	top: -2px;
	animation: mymove 2s infinite;
    -webkit-animation: mymove 2s infinite;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    opacity: .5;
}

.h-trig:hover .gradient{
	display: block;
}

.air-pic{
	position: absolute;
	left: -88px;
	top: -32px;
}

.gradient{
	display: none;
	animation: gradient 2s infinite;
    -webkit-animation: gradient 2s infinite;
     transition: 0.5s;
    -webkit-transition: 0.5s;
}


.fresh{
	top: 160px;
	right: 480px;
}

.fresh-pic{
	position: absolute;
	left: -128px;
	top: -32px;
}


.floor{
	bottom: 50px;
	left: 608px;
}

.floor-pic{
	position: absolute;
	left: -357px;
	top: -235px;
}

.tube span{
	position: absolute;
}

.h-trig .tube .tube-h1{
	width: 0px;
	height: 3px;
	background: url(../images/floor_flow_h_1.png) center center no-repeat;
    transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h1{
	width: 10px;
	transition: all 0.3s .2s;
    -webkit-transition: all 0.3s .2s;
}

.h-trig .tube .tube-h2{
	width: 3px;
	height: 0px;
	background: url(../images/floor_flow_h_2.png) center center no-repeat;
	left: 7px;
	top: 3px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h2{
	height: 50px;
    transition: all 0.3s .5s;
    -webkit-transition: all 0.3s .5s;
}

.h-trig .tube .tube-h3{
	width: 0px;
	height: 3px;
	background: url(../images/floor_flow_h_3.png) center center no-repeat;
	left: 7px;
	top: 51px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h3{
	width: 45px;
	transition: all 0.3s .8s;
    -webkit-transition: all 0.3s .8s;
}

.h-trig .tube .tube-h4{
	width: 3px;
	height: 0;
	background: url(../images/floor_flow_h_4.png) center center no-repeat;
	left: 51px;
	top: 51px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h4{
	height: 243px;
	transition: all 0.5s 1.1s;
    -webkit-transition: all 0.5s 1.1s;
}

.h-trig .tube .tube-h5{
	width: 0;
	height: 3px;
	background: url(../images/floor_flow_h_5.png) center center no-repeat;
	left: 51px;
	top: 293px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h5{
	width: 283px;
	transition: all 0.5s 1.6s;
    -webkit-transition: all 0.5s 1.6s;
}


.h-trig .tube .tube-h6{
	width: 0;
	height: 0;
	background: url(../images/floor_flow_h_6.png) center center no-repeat;
	left: 317px;
	top: 240px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h6{
	height: 53px;
	width: 17px;
	transition: all 0.3s 1.9s;
    -webkit-transition: all 0.3s 1.9s;
}

.h-trig .tube .tube-h7{
	width: 0;
	height: 3px;
	background: url(../images/floor_flow_h_7.png) center center no-repeat;
	left: 141px;
	top: 237px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h7{
	width: 179px;
	transition: all 0.5s 2.2s;
    -webkit-transition: all 0.5s 2.2s;
}

.h-trig .tube .tube-h8{
	width: 0;
	height: 0;
	background: url(../images/floor_flow_h_8.png) center center no-repeat;
	left: 140px;
	top: 237px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h8{
	width: 7px;
	height: 36px;
	transition: all 0.3s 2.7s;
    -webkit-transition: all 0.3s 2.7s;
}

.h-trig .tube .tube-h9{
	width: 0;
	height: 3px;
	background: url(../images/floor_flow_h_9.png) center center no-repeat;
	left: 147px;
	top: 270px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h9{
	width: 143px;
	transition: all 0.6s 3.3s;
    -webkit-transition: all 0.6s 3.3s;
}

.h-trig .tube .tube-h10{
	width: 0;
	height: 0;
	background: url(../images/floor_flow_h_10.png) center center no-repeat;
	left: 283px;
	top: 253px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h10{
	height: 20px;
	width: 8px;
	transition: all 0.3s 3.9s;
    -webkit-transition: all 0.3s 3.9s;
}

.h-trig .tube .tube-h11{
	width: 0;
	height: 3px;
	background: url(../images/floor_flow_h_11.png) center center no-repeat;
	left: 183px;
	top: 253px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-h11{
	width: 103px;
	transition: all 0.5s 4.2s;
    -webkit-transition: all 0.5s 4.2s;
}



.h-trig .tube .tube-l1{
	width: 0;
	height: 3px;
	background: url(../images/floor_flow_l_1.png) center center no-repeat;
	left: 0px;
	top: -10px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-l1{
	width: 18px;
	transition: all 0.3s 5.9s;
    -webkit-transition: all 0.3s 5.9s;
}

.h-trig .tube .tube-l2{
	width: 3px;
	height: 0;
	background: url(../images/floor_flow_l_2.png) center center no-repeat;
	left: 15px;
	top: -10px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-l2{
	height: 50px;
	transition: all 0.4s 6.3s;
    -webkit-transition: all 0.4s 6.3s;
}

.h-trig .tube .tube-l3{
	width: 0;
	height: 3px;
	background: url(../images/floor_flow_l_3.png) center center no-repeat;
	left: 15px;
	top: 40px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-l3{
	width: 45px;
	transition: all 0.3s 6.6s;
    -webkit-transition: all 0.3s 6.6s;
}

.h-trig .tube .tube-l4{
	width: 3px;
	height: 0;
	background: url(../images/floor_flow_l_4.png) center center no-repeat;
	left: 60px;
	top: 40px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-l4{
	height: 245px;
	transition: all 0.5s 6.6s;
    -webkit-transition: all 0.5s 6.6s;
}

.h-trig .tube .tube-l5{
	width: 0;
	height: 3px;
	background: url(../images/floor_flow_l_5.png) center center no-repeat;
	left: 60px;
	top: 283px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-l5{
	width: 252px;
	transition: all 0.5s 6.1s;
    -webkit-transition: all 0.5s 6.1s;
}

.h-trig .tube .tube-l6{
	width: 0;
	height: 0;
	background: url(../images/floor_flow_l_6.png) center bottom no-repeat;
	left: 299px;
	top: 247px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-l6{
	width: 13px;
	height: 37px;
	transition: all 0.3s 5.8s;
    -webkit-transition: all 0.3s 5.8s;
}

.h-trig .tube .tube-l7{
	width: 0;
	height: 3px;
	background: url(../images/floor_flow_l_7.png) center center no-repeat;
	left: 162px;
	top: 245px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-l7{
	width: 140px;
	transition: all 0.4s 5.4s;
    -webkit-transition: all 0.4s 5.4s;
}

.h-trig .tube .tube-l8{
	width: 0;
	height: 0;
	background: url(../images/floor_flow_l_8.png) center center no-repeat;
	left: 160px;
	top: 245px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-l8{
	width: 5px;
	height: 18px;
	transition: all 0.2s 5.2s;
    -webkit-transition: all 0.2s 5.2s;
}

.h-trig .tube .tube-l9{
	width: 0;
	height: 3px;
	background: url(../images/floor_flow_l_9.png) center center no-repeat;
	left: 161px;
	top: 261px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-l9{
	width: 109px;
	transition: all 0.5s 4.7s;
    -webkit-transition: all 0.5s 4.7s;
}


.h-trig .tube .tube-rise{
	width: 139px;
	height: 0;
	background: url(../images/floor_rise.png) center center no-repeat;
	left: 161px;
	top: 230px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .tube .tube-rise{
	height: 30px;
	transition: all 0.3s 7.9s;
    -webkit-transition: all 0.3s 7.9s;
    animation: gradient 2s infinite;
    -webkit-animation: gradient 2s infinite;
}




.water{
	bottom: 165px;
	right: 128px;
}

.water-pic{
	position: absolute;
	left: -979px;
	top: -122px;
}

.h-water span{
	position: absolute;
}

.h-trig .h-water .h-water1{
	width: 0px;
	height: 3px;
	background: url(../images/floor_flow_h_1.png) center center no-repeat;
    transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .h-water .h-water1{
	width: 10px;
	transition: all 0.3s .2s;
    -webkit-transition: all 0.3s .2s;
}

.h-trig .h-water .h-water2{
	width: 3px;
	height: 0px;
	background: url(../images/floor_flow_h_2.png) center center no-repeat;
	left: 7px;
	top: 3px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .h-water .h-water2{
	height: 50px;
    transition: all 0.3s .5s;
    -webkit-transition: all 0.3s .5s;
}

.h-trig .h-water .h-water3{
	width: 0px;
	height: 3px;
	background: url(../images/floor_flow_h_3.png) center center repeat-x;
	left: 7px;
	top: 51px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .h-water .h-water3{
	width: 53px;
	transition: all 0.3s .8s;
    -webkit-transition: all 0.3s .8s;
}

.h-trig .h-water .h-water4{
	width: 3px;
	height: 0;
	background: url(../images/floor_flow_h_4.png) center center no-repeat;
	left: 58px;
	top: 51px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .h-water .h-water4{
	height: 243px;
	transition: all 0.5s 1.1s;
    -webkit-transition: all 0.5s 1.1s;
}

.h-trig .h-water .h-water5{
	width: 0;
	height: 3px;
	background: url(../images/floor_flow_h_5.png) center center repeat-x;
	left: 58px;
	top: 293px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .h-water .h-water5{
	width: 946px;
	transition: all 0.5s 1.6s;
    -webkit-transition: all 0.5s 1.6s;
}

.h-trig .h-water .h-water6{
	width: 3px;
	height: 0;
	background: url(../images/floor_flow_h_4.png) center center repeat-x;
	left: 1002px;
	top: 222px;
	transition: initial;
    -webkit-transition: initial;
}

.h-trig:hover .h-water .h-water6{
	height: 74px;
	transition: all 0.5s 2.1s;
    -webkit-transition: all 0.5s 2.1s;
}




.index-video{
	height: 90vh;
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
}


.in-video-b{
	position: absolute;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.in-video-b .show{
	width: 50px;
	height: 50px;
	line-height: 50px;
	background: #FFFFFF;
	border-radius: 50%;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	position: relative;
}

.in-video-b .show img{
	position: relative;
	z-index: 2;
}

.in-video-b a:before{
	display: block;
    position: absolute;
    left: -5px;
    top: -5px;
    width: 60px;
    height: 60px;
    content: "";
    background-color: rgba(255,255,255,.6);
    border-radius: 50%;
    animation: living 2.5s linear infinite;
    z-index: 1;
}

.in-video-b a:after{
	display: block;
    position: absolute;
    z-index: 1;
    left: -5px;
    top: -5px;
    width: 60px;
    height: 60px;
    content: "";
   background-color: rgba(255,255,255,.4);
    border-radius: 50%;
    animation: living 2s linear .1s infinite;
}



.videos{
	
}

.videos-bg{
	
}

.videos-bg #video{
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
	z-index: 9;
	height: 100%;
	width: 100%;
	
}

.vclose-box{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.7);
	z-index: 1;
	cursor: pointer;
}

.vclose{
	position: absolute;
	right: 40px;
	top: 40px;
	z-index: 10;
	cursor: pointer;
}




.index-news{
	padding: 104px 0 112px;
	background: url(../images/index_news_bg.jpg) center center no-repeat;
	background-size: cover;
}

.index-news-title{
	padding-bottom: 32px;
	border-bottom: 1px solid #dddddd;
}

.index-news-title .rec-title{
	float: left;
}

.news-tab{
	float: right;
	width: 50%;
}

.tabs{ 
	margin-top: 56px;
text-align: right;
}
.tabs a{
	display: inline-block;
	color:#666666;
	text-align:center;
	font-size:16px;
	margin-left: 52px;
	transition: initial;
}

.tabs a.active{
	color: #007983;
	font-weight: bold;
	position: relative;
}

.tabs a.active:after{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: -36px;
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	background: #007983;
}


.news-box{
	padding-top: 60px;
}

.news-box .swiper-container3{
	width:100%;border-top:0;
}

.news-box .swiper-slide{
	width:100%;
	background:none;
}


.news-box .swiper-container3 {
	margin:0 auto;
	position:relative;
	overflow:hidden;
	-webkit-backface-visibility:hidden;
	-moz-backface-visibility:hidden;
	-ms-backface-visibility:hidden;
	-o-backface-visibility:hidden;
	backface-visibility:hidden;
	/* Fix of Webkit flickering */	
	z-index:1;
}
	
.news-box .swiper-wrapper {
	position:relative;width:100%;
	-webkit-transition-property:-webkit-transform, left, top;
	-webkit-transition-duration:0s;
	-webkit-transform:translate3d(0px,0,0);
	-webkit-transition-timing-function:ease;
	
	-moz-transition-property:-moz-transform, left, top;
	-moz-transition-duration:0s;
	-moz-transform:translate3d(0px,0,0);
	-moz-transition-timing-function:ease;
	
	-o-transition-property:-o-transform, left, top;
	-o-transition-duration:0s;
	-o-transform:translate3d(0px,0,0);
	-o-transition-timing-function:ease;
	-o-transform:translate(0px,0px);
	
	-ms-transition-property:-ms-transform, left, top;
	-ms-transition-duration:0s;
	-ms-transform:translate3d(0px,0,0);
	-ms-transition-timing-function:ease;
	
	transition-property:transform, left, top;
	transition-duration:0s;
	transform:translate3d(0px,0,0);
	transition-timing-function:ease;

	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}
.news-box .swiper-free-mode > .news-box .swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}
.news-box .swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	text-align: left;
}


.news-box .swiper-slide a{
	line-height: initial;
    color: initial;
    font-size: initial;
}




.not-left{
	float: left;
	width: 49.2%;
	position: relative;
}

.not-left .text {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 90%;
	padding: 32px 5%;
	background: url(../images/index_news_tp_bg.png) center center no-repeat;
	background-size: 100% 100%;
}

.not-left .text span{
	font-size: 12px;
	color: #FFFFFF;
}

.not-left .text h2{
	font-size: 18px;
	line-height: 32px;
	height: 32px;
	color: #FFFFFF;
	margin-top: 4px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}



.news-right{
	width: 46.5%;
	float: right;
}

.news-right .item{
	margin-top: 28px;
}

.news-right .item:first-child{
	margin-top: 0;
}

.news-right .item h2{
	font-size: 18px;
	color: #555555;
	font-weight: initial;
	line-height: 32px;
	max-height: 32px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
}

.news-right .item span{
	font-size: 14px;
	color: #bbbbbb;
	font-weight: bold;
	display: block;
	margin-top: 4px;
}

.news-right .item .active p{
	height: 48px;
}

.news-right .item p{
	height: 0;
	font-size: 14px;
	line-height: 24px;
	color: #999999;
	margin-top: 12px;
	max-height: 48px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}



/*产品参数*/

.product-para-banner{
	position: relative;
}

.product-para-banner .container{
	position: absolute;
	top: 0;
	left: 50%;
	width: 1440px;
	z-index: 1;
	transform: translateX(-50%);
	padding: 140px 0;
}

.product-para-banner .para-bg{
	
}

.para-text{
	float: left;
	width: 40%;
	padding-top: 130px;
}

.para-text span{
	display: inline-block;
	border-radius: 4px;
	padding: 0 28px;
	border: 1px solid #fff;
	height: 40px;
	line-height: 38px;
	font-size: 18px;
	color: #FFFFFF;
}

.para-text h2{
	font-size: 48px;
	color: #FFFFFF;
	margin-top: 32px;
}

.para-text ul{
	margin-top: 40px;
}

.para-text ul li{
	font-size: 20px;
	line-height: 48px;
	color: #FFFFFF;
}


.para-right{
	float: right;
	width: 40%;
	text-align: center;
}



.parameter{
	padding: 104px 0 104px;
}

.parameter .title{
	text-align: center;
}

.parameter .title h2{
	font-size: 36px;
	color: #333333;
	font-weight: initial;
}

.parameter .title span{
	font-size: 16px;
	color: #cccccc;
	display: block;
	margin-top: 8px;
	text-transform: uppercase;
}

.parameter .prompt{
	font-size: 0;
	color: #999;
	margin-top: 48px;
}

.parameter-item .title{
	background: #007983;
}

.parameter-item table{
	border-collapse: collapse;
	font-size: 14px;
	text-align: center;
}


.parameter-item .title td{
	vertical-align: middle !important;
    table-layout: fixed;
    padding: 8px 1%;
     border: initial;
     color: #FFFFFF;
}

.parameter-item table td{
	vertical-align: middle !important;
    table-layout: fixed;
    height: 48px;
    border: 1px solid #eee;
    color: #333333;
    font-size: 14px;
}

.parameter-item table p{
	font-size: 12px;
	color: #999999;
}

.parameter-item table span{
	font-size: 12px;
	color: #999999;
	margin-left: 1px;
	 transform: scale(.8);
	 display: inline-block;
	 position: relative;
	 bottom: -1px;
}


.para-des{
	margin-top: 32px;
	font-size: 14px;
	color: #999;
}



.list-banner i{
	font-size: 18px;
	color: #FFFFFF;
	background: #007983;
	height: 48px;
	line-height: 48px;
	border-radius: 5px;
	display: inline-block;
	padding: 0 26px;
	margin-bottom: 24px;
}


.solut-list{
	padding: 48px 0 120px;
}

.solut-list .item{
	float: left;
	width: 49.2%;
	float: left;
	margin-left: 1.6%;
	margin-top: 64px;
}

.solut-list .item:nth-child(2n+1){
	margin-left: 0;
}

.solut-list .item .box{
	padding: 19px 19px 0;
	border: 1px solid #eee;
}

.solut-list .item .pic{
	overflow: hidden;
}

.solut-list .item .text{
	padding: 36px 0;
}

.solut-list .item .title{
	text-align: center;
}

.solut-list .item .title h2{
	font-size: 24px;
	color: #333333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	transition: .5s;
}

.solut-list .item:hover .title h2{
	color: #007983;
}

.solut-list .item .chara{
	margin-top: 16px;
}

.solut-list .item .chara ul{
	display: flex;
	justify-content: space-around;
}

.solut-list .item .chara ul li{
	text-align: left;
	width: 46%;
	padding-left: 4%;
	padding-right: 0;
}

.solut-list .item .chara ul li em{
	font-size: 16px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.solut-list .item .chara ul li p{
	font-size: 14px;
	color: #757575;
	margin-top: 6px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.solut-list .item .chara ul li:first-child{
	text-align: right;
	width: 46%;
	padding-right: 4%;
	position: relative;
}

.solut-list .item .chara ul li:first-child:after{
	position: absolute;
	top: 0;
	right: 0;
	width: 1px;
	height: 100%;
	display: block;
	content: "";
	background: #eee;
}



/*解决方案内容页*/

.solutpage-banner{
	position: relative;
	overflow: hidden;
	background-position: center top;
	background-repeat: no-repeat;
	background-size: cover;
}

.solutpage-banner:before{
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	content: "";
	display: block;
	z-index: 8;
}

.solutpage-banner .pic{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 7;
}

.solutpage-banner .pic img{
	height: 100%;
	object-fit: cover;
}

.solutpage-banner .container{
	position: relative;
	z-index: 9;
	height: 100vh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.solutpage-banner .text{
	text-align: center;
	margin-top: 40px;
	width: 1280px;
}

.solutpage-banner .text h2{
	font-size: 56px;
	color: #ffffff;
}

.solutpage-banner .text p{
	font-size: 22px;
	line-height: 40px;
	color: rgba(255,255,255,.64);
	margin-top: 24px;
	font-weight: bold;
	padding: 0 23%;
}

.solutpage-banner .icon{
	margin-top: 112px;
}

.solutpage-banner .icon ul li{
	float: left;
	width: 25%;
	text-align: center;
}

.solutpage-banner .icon ul li .box{
	border-left: 1px solid rgba(255,255,255,.3);
}

.solutpage-banner .icon ul li:first-child .box{
	border-left: initial;
}

.solutpage-banner .icon ul li p{
	font-size: 18px;
	line-height: 28px;
	color: #ffffff;
	margin-top: 16px;
}



.status-quo{
	padding: 96px 0 120px;
	background: #F8F8F8;
}

.solut-title{
	text-align: center;
}

.solut-title h2{
	font-size: 36px;
	color: #333333;
}

.solut-title span{
	font-size: 14px;
	color: #999999;
	display: block;
	margin-top: 10px;
	text-transform: uppercase;
}


.status-con{
	padding-top: 36px;
}

.status-con .item{
	margin-top: 20px;
	width: 49.2%;
	margin-left: 1.6%;
	float: left;
	background: #fff;
	box-shadow: 0 0 3px rgba(0,0,0,.05);
}

.status-con .item:nth-child(2n+1){
	margin-left: 0;
	clear: both;
}

.status-con .item .box{
	padding: 10px;
}

.status-con .item .pic{
	width: 36%;
	float: left;
}

.status-con .item .text{
	width: 60%;
	float: right;
	padding-top: 28px;
}

.status-con .item .text h3{
	font-size: 18px;
	color: #333333;
}

.status-con .item .text i{
	display: block;
	height: 3px;
	width: 20px;
	background: #007983;
	margin-top: 14px;
}

.status-con .item .text p{
	font-size: 14px;
	color: #666666;
	line-height: 28px;
	margin-top: 22px;
}

.status-con .item .text p span{
	display: block;
}




.solut-fa-list{
	padding: 96px 0 120px;
}

.solut-fa-item {
	margin-top: 64px;
	position: relative;
}

.solut-fa-item .text{
	float: left;
	width: 33%;
	height: 100%;
	position: absolute;
	left: 8.2%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.solut-fa-item .title h3{
	font-size: 30px;
	color: #000000;
	font-weight: initial;
	margin-top: 22px;
}

.solut-fa-item .title p{
	font-size: 18px;
	line-height: 32px;
	color: #333333;
	margin-top: 10px;
}

.solut-fa-item .title span{
	display: block;
	width: 20px;
	height: 3px;
	background: #007983;
	margin-top: 24px;
}

.solut-fa-item .des p{
	font-size: 14px;
	line-height: 28px;
	color: #666666;
	margin-top: 46px;
}

.solut-fa-item .des p span{
	display: block;
}


.solut-fa-item .pic{
	float: right;
	width: 49.2%;
}


.solut-fa-item.right .text{
	float: right;
	width: 33%;
	right: 6.6%;
	left: initial;
}

.solut-fa-item.right .pic{
	float: left;
}



.solut-funct{
	position: relative;
}

.solut-funct .container{
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	z-index: 9;
	text-align: center;
}

.solut-funct .title{
	padding-top: 100px;
}

.solut-funct .title h2{
	font-size: 40px;
	color: #333333;
	line-height: 60px;
}

.solut-funct .title h2 span{
	display: block;
}

.solut-funct .title p{
	font-size: 18px;
	margin-top: 32px;
}




.solut-ser{
	padding-top: 104px;
}

.solut-title p{
	margin-top: 14px;
	color: #666666;
	font-size: 16px;
}


.solut-ser-item{
	padding: 120px 0 164px;
}

.solut-ser-item ul li{
	float: left;
	width: 33.33%;
	text-align: center;
}

.solut-ser-item ul li .box{
	padding: 0 19.5%;
	border-right: 1px solid #eee;
}

.solut-ser-item ul li:last-child .box{
	border-right: initial;
}

.solut-ser-item ul li h3{
	font-size: 22px;
	color: #333333;
	margin-top: 22px;
}

.solut-ser-item ul li p{
	font-size: 16px;
	line-height: 32px;
	color: #333333;
	margin-top: 12px;
}




.circuit{
	padding-top: 104px;
	background: #F8F8F8;
}

.circuit .pic{
	padding: 116px 0 128px;
}



.case-rec.bg{
	background: initial;
}

.prod-rec.bg{
	padding-top: 0;
}




/*视频列表*/

.video-content{
	padding: 96px 0 112px;
	text-align: center;
}

.video-content .container{
	border-bottom: 1px solid #ddd;
	padding-bottom: 40px;
	margin-bottom: 24px;
}

.video-menu{
	margin-bottom: 56px;
}

.video-menu ul li{
	display: inline-block;
	margin: 0 8px;
}

.video-menu ul li a{
	display: inline-block;
	padding: 0 24px;
	height: 40px;
	line-height: 38px;
	background: #f8f8f8;
	border-radius: 3px;
	color: #333;
	font-size: 16px;
}

.video-menu ul li a:hover{
	background: #007983;
	color: #fff;
}

.video-menu ul li.active a{
	background: #007983;
	color: #fff;
}


.video-list{
	text-align: left;
}


.video-list .item{
	width: 23.8%;
	float: left;
	margin-left: 1.6%;
	margin-bottom: 32px;
}

.video-list .item:nth-child(4n+1){
	margin-left: 0;
	clear: both;
}

.video-list .box{
	position: relative;
}

.video-list a .box:before{
	transition: all 0.3s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 100%;
	background: url(../images/video_amp.png) center center no-repeat;
	content: "";
	opacity: 0;
}

.video-list a .box:after{
	transition: all 0.3s;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.4);
	content: "";
	opacity: 0;
}

.video-list a:hover .box:before{
	opacity: 1;
}

.video-list a:hover .box:after{
	opacity: 1;
}

.video-list a:hover .des{
	opacity: 0;
}


.video-list .des{
	position: absolute;
	left: 0;
	bottom: 0;
	width: 92%;
	padding: 10px 4%;
	background: url(../images/video_bg.png) center center no-repeat;
	background-size: 100% 100%;
	transition: .5s;
}

.video-list .des{
	color: rgba(255,255,255,1);
	font-size: 12px;
	line-height: 22px;
}

.video-list .des .play{
	float: left;
	background: url(../images/video_icon.png) left 6px no-repeat;
	padding-left: 20px;
}

.video-list .des .time{
	float: right;
}


.video-list .text h2{
	font-size: 16px;
	color: #333;
	text-align: left;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	font-weight: initial;
	max-height: 30px;
	margin-top: 12px;
}




/*视频内容页*/

.video-page-content{
	padding: 104px 0 120px;
}

.video-play-box{
	width: 74%;
	float: left;
}

.video-play-title{
	
}

.video-play-title h2{
	font-size: 24px;
	color: #333333;
}

.video-play-title p{
	margin-top: 12px;
	color: #999999;
	font-size: 12px;
}

.video-play-title .p-play{
	background: url(../images/video_play.png) left center no-repeat;
	padding-left: 20px;
}

.video-play-title .p-time{
	background: url(../images/video_time.png) left center no-repeat;
	padding-left: 20px;
	margin-left: 20px;
}

.video-player{
	margin-top: 32px;
	height: 612px;
	background: #000000;
}

.video-player video,.video-player iframe{
	width: 100%;
	height: 100%;
	cursor: pointer;
}



.video-des{
	width: 23.6%;
	float: right;
	padding-top: 42px;
}

.video-des-title{
	font-size: 18px;
	color: #333333;
	margin-bottom: 24px;
}


.video-des-list .item{
	margin-top: 17px;
	padding-top: 17px;
	border-top: 1px solid #dddddd;
	position: relative;
}

.video-des-list .item:first-child{
	margin-top: 0;
	padding-top: 0;
	border-top: initial;
}

.video-des-list .item .pic{
	float: left;
	width: 42%;
	border-radius: 6px;
	overflow: hidden;
}

.video-des-list .item .text{
	float: right;
	width: 52%;
}

.video-des-list .item .text h2{
	font-size: 16px;
	color: #333333;
	line-height: 24px;
	max-height: 48px;
	font-weight: initial;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

.video-des-list .item:hover .text h2{
	color: #007983;
}

.video-des-list .item .text p{
	position: absolute;
	bottom: 4px;
	font-size: 12px;
	color: #999999;
	width: 52%;
}

.video-des-list .item .text p span.p-play{
	background: url(../images/video_play.png) left center no-repeat;
	padding-left: 20px;
	float: left;
}

.video-des-list .item .text p span{
	float: right;
	display: block;
}





/*荣誉资质*/

.honor-content{
	background: #F8F8F8;
	padding: 104px 0 120px;
	text-align: center;
}

.honor-content .container{
	padding-bottom: 56px;
}

.honor-menu{
	text-align: center;
}

.honor-menu ul li{
	display: inline-block;
	margin: 0 8px;
}

.honor-menu ul li a{
	display: block;
	padding: 0 18px;
	font-size: 16px;
	color: #666666;
	background: #eeeeee;
	height: 36px;
	line-height: 34px;
	border-radius: 3px;
}

.honor-menu ul li a:hover{
	color: #FFFFFF;
	background: #007983;
}

.honor-menu ul li.active a{
	color: #FFFFFF;
	background: #007983;
}




.honor-list{
	padding-top: 8px;
}

.honor-list a{
	display: block;
	float: left;
	width: 23.725%;
	margin-left: 1.7%;
	margin-top: 56px;
}

.honor-list a .box{
}

.honor-list a .pic{
	position: relative;
	overflow: hidden;
	background: #FFFFFF;
	padding: 20px;
}

.honor-list a .pic:before{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,.5);
	display: block;
	content: "";
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.honor-list a .pic:after{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background: url(../images/honor_amp.png) center center no-repeat;
	display: block;
	content: "";
	opacity: 0;
	transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
}

.honor-list a:hover{
	box-shadow: 0 0 8px rgba(0,0,0,.08);
}

.honor-list a:hover .pic:before,.honor-list a:hover .pic:after{
	opacity: 1;
}

.honor-list a:nth-child(4n+1){
	margin-left: 0;
	clear: both;
}

.honor-list a h3{
	font-size: 16px;
	color: #333333;
	text-align: center;
	font-weight: initial;
	margin-top: 16px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	max-height: 22px;
}



#baguetteBox-overlay {
  display: none;
  opacity: 0;
  position: fixed;
  overflow: hidden;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000000;
  background-color: #222;
  background-color: rgba(0, 0, 0, 0.8);
  -webkit-transition: opacity .5s ease;
  transition: opacity .5s ease; }
  #baguetteBox-overlay.visible {
    opacity: 1; }
  #baguetteBox-overlay .full-image {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center; }
    #baguetteBox-overlay .full-image figure {
      display: inline;
      margin: 0;
      height: 100%; }
    #baguetteBox-overlay .full-image img {
      display: inline-block;
      width: auto;
      height: auto;
      max-height: 100%;
      max-width: 100%;
      vertical-align: middle;
      -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
           box-shadow: 0 0 8px rgba(0, 0, 0, 0.6); }
    #baguetteBox-overlay .full-image figcaption {
      display: block;
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center;
      line-height: 1.8;
      white-space: normal;
      color: #ccc;
      background-color: #000;
      background-color: rgba(0, 0, 0, 0.6);
      font-family: sans-serif; }
    #baguetteBox-overlay .full-image:before {
      content: "";
      display: inline-block;
      height: 50%;
      width: 1px;
      margin-right: -1px; }

#baguetteBox-slider {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  white-space: nowrap;
  -webkit-transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, -webkit-transform .4s ease;
  transition: left .4s ease, transform .4s ease;
  transition: left .4s ease, transform .4s ease, -webkit-transform .4s ease, -moz-transform .4s ease; }
  #baguetteBox-slider.bounce-from-right {
    -webkit-animation: bounceFromRight .4s ease-out;
            animation: bounceFromRight .4s ease-out; }
  #baguetteBox-slider.bounce-from-left {
    -webkit-animation: bounceFromLeft .4s ease-out;
            animation: bounceFromLeft .4s ease-out; }

@-webkit-keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromRight {
  0% {
    margin-left: 0; }
  50% {
    margin-left: -30px; }
  100% {
    margin-left: 0; } }

@-webkit-keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

@keyframes bounceFromLeft {
  0% {
    margin-left: 0; }
  50% {
    margin-left: 30px; }
  100% {
    margin-left: 0; } }

.baguetteBox-button#next-button, .baguetteBox-button#previous-button {
  top: 50%;
  top: calc(50% - 30px);
  width: 44px;
  height: 60px; }

.baguetteBox-button {
  position: absolute;
  cursor: pointer;
  outline: none;
  padding: 0;
  margin: 0;
  border: 0;
  -moz-border-radius: 15%;
       border-radius: 15%;
  background-color: #323232;
  background-color: rgba(50, 50, 50, 0.5);
  color: #ddd;
  font: 1.6em sans-serif;
  -webkit-transition: background-color .4s ease;
  transition: background-color .4s ease; }
  .baguetteBox-button:focus, .baguetteBox-button:hover {
    background-color: rgba(50, 50, 50, 0.9); }
  .baguetteBox-button#next-button {
    right: 2%; }
  .baguetteBox-button#previous-button {
    left: 2%; }
  .baguetteBox-button#close-button {
    top: 20px;
    right: 2%;
    right: calc(2% + 6px);
    width: 30px;
    height: 30px; }
  .baguetteBox-button svg {
    position: absolute;
    left: 0;
    top: 0; }

/*
    Preloader
    Borrowed from http://tobiasahlin.com/spinkit/
*/
.baguetteBox-spinner {
  width: 40px;
  height: 40px;
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: -20px;
  margin-left: -20px; }

.baguetteBox-double-bounce1,
.baguetteBox-double-bounce2 {
  width: 100%;
  height: 100%;
  -moz-border-radius: 50%;
       border-radius: 50%;
  background-color: #fff;
  opacity: .6;
  position: absolute;
  top: 0;
  left: 0;
  -webkit-animation: bounce 2s infinite ease-in-out;
          animation: bounce 2s infinite ease-in-out; }

.baguetteBox-double-bounce2 {
  -webkit-animation-delay: -1s;
          animation-delay: -1s; }

@-webkit-keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1); } }

@keyframes bounce {
  0%, 100% {
    -webkit-transform: scale(0);
       -moz-transform: scale(0);
            transform: scale(0); }
  50% {
    -webkit-transform: scale(1);
       -moz-transform: scale(1);
            transform: scale(1); } }






/*发展历程*/


.course{
	padding: 140px 0 140px;
	background: url(../images/course_bg.jpg) center bottom no-repeat;
	background-size: cover;
}



#timeline {
	height: 570px;
	overflow: hidden;
	position: relative;
}
	
	
#timeline:after {
	display: block;
	content: "";
	width: 100%;
	height: 2px;
	position: absolute;
	bottom: 5px;
	left: 0;
	background: #DDDDDD;
	z-index: 1;
}
	
	
#dates{
	width: 100%;
	position: absolute;
	bottom: 22px;
}

#dates li {
	float: left;
	width: 126px;
	font-size: 16px;
	text-align: center;
	
}

#dates a {
	color: #999;
	position: relative;
}

#dates a.selected{
	color: #007983;
	font-weight: bold;
}

#dates li a.selected:after {
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	background: #007983;
	border: 2px solid #007983;
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -5px;
	z-index: 9;
}
			
#dates li a:after {
	display: block;
	content: "";
	width: 8px;
	height: 8px;
	background: #fff;
	border: 2px solid #ddd;
	position: absolute;
	bottom: -22px;
	left: 50%;
	margin-left: -5px;
	z-index: 9;
	border-radius: 50%;
}

			
				

		
#issues {
	width: 1440px;
	overflow: hidden;
}	

#issues li {
	width: 1440px;
	height: 441px;
	float: left;
	position: relative;
}
		

#issues li .tp {
	float: left;
	width: 44%;
	margin-left: 6%;
	text-align: right;
}


#issues li .tp img {
	border: 8px solid #007983;
}


#issues li .text {
	float: left;
	width: 43.3%;
	padding-left: 6.7%;
}

#issues li .title i{
	font-size: 64px;
	color: #333333;
	font-weight: bold;
}

#issues li .chara{
	padding-top: 20px;
}

#issues li .chara p{
	font-size: 18px;
	line-height: 32px;
	color: #333333;
	position: relative;
	padding-left: 20px;
	margin-top: 6px;
}

#issues li .chara b{
	font-size: 18px;
	color: #999;
	position: absolute;
	left: 0px;
	top: 0px;
}

		
		
#next,#prev {
	position: absolute;
	top: 38%;
	margin-top: -20px;
	width: 48px;
	height: 48px;
	overflow: hidden;
	border-radius: 50%;
}

#next {
	right: 0;
	background: #fff url(../images/button_next.png) center center no-repeat;
}

#prev {
	left: 0;
	background: #fff url(../images/button_prev.png) center center no-repeat;
}
			
#next:hover {
	background: #fff url(../images/button_next_a.png) no-repeat center;
}
			
#prev:hover {
	background: #fff url(../images/button_prev_a.png) no-repeat center;
}



/*创始人专栏*/

.list-banner.founder-banner{
	background: url(../images/founder_banner.jpg) center top no-repeat;
	background-size: cover;
}

.list-banner.founder-banner:before{
	display: none;
}

.list-banner.founder-banner .container{
	-webkit-box-pack: initial;
	-ms-flex-pack: initial;
	-webkit-justify-content: initial;
	justify-content: initial;
}


.founder-banner .text-box{
	width: 44%;
	
}

.f-title{
	padding-top: 50px;
}

.f-title h2{
	font-size: 48px;
	color: #ffffff;
}

.f-title p{
	border-top: 1px solid rgba(255,255,255,.24);
	margin-top: 30px;
	padding-top: 28px;
	font-size: 20px;
	color: #ffffff;
	display: inline-block;
}

.f-text{
	margin-top: 88px;
}

.f-text p{
	color: rgba(255,255,255,.8);
	font-size: 16px;
	line-height: 36px;
}



.resume{
	padding: 120px 0 130px;
}

.found-title{
	float: left;
	width: 50%;
}

.found-title h2{
	font-size: 48px;
	color: #333333;
	text-align: left;
}

.found-title i{
	width: 32px;
	height: 4px;
	background: #007983;
	display: block;
	margin-top: 28px;
}


.resume-list{
	width: 49.2%;
	float: right;
}

.resume-list ul{
	position: relative;
}

.resume-list ul:before{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	height: 100%;
	width: 1px;
	background: #EEEEEE;
	z-index: 1;
}


.resume-list ul li:last-child{
	padding-bottom: 30px;
}

.resume-list ul li{
	padding-bottom: 40px;
	line-height: 40px;
	padding-left: 48px;
	position: relative;
}

.resume-list ul li:before{
	position: absolute;
	left: -6.5px;
	top: 13px;
	display: block;
	content: "";
	height: 13px;
	width: 13px;
	background: url(../images/founder_dian.png) center center no-repeat;
	background-size: 100% 100%;
	z-index: 2;
}

.resume-list ul li span{
	font-size: 16px;
	color: #666666;
}

.resume-list ul li p{
	font-size: 22px;
	color: #333333;
}



.social{
	padding: 120px 0;
	background: url(../images/founder_bg.jpg) center top no-repeat;
	background-size: cover;
}


.social-list{
	width: 49.2%;
	float: right;
}

.social-list ul li{
	width: 100%;
	display: flex;
	justify-content: space-between;
	font-size: 20px;
	line-height: 56px;
	color: #333333;
	border-top: 1px dashed #cccccc;
}

.social-list ul li:first-child{
	color: #007983;
	font-weight: bold;
	border-top: initial;
}




.column{
	text-align: center;
	padding: 128px 0 112px;
}

.column .title-box{
	border-bottom: 1px solid #eee;
}

.found-eng{
	width: 50%;
	float: right;
	text-align: right;
	font-size: 60px;
	color: #eeeeee;
	text-transform: uppercase;
	font-weight: bold;
}

.column .news-list{
	padding: 0;
	margin-top: 88px;
}





/*售后支持*/

.after-conter{
	padding: 112px 0 120px;
	background: #F8F8F8;
}

.after-title{
	text-align: center;
}

.after-title h2{
	font-size: 36px;
	color: #333;
}

.after-title p{
	font-size: 18px;
	line-height: 28px;
	color: #666666;
	margin-top: 16px;
}

.after-title p span{
	display: block;
}


.serch-con{
	padding-top: 20px;
}

.serch-con .s-item{
	width: 32%;
	margin-left: 1.6%;
	background: #fff;
	box-shadow: 0 0 8px rgba(0,0,0,.02);
	float: left;
	margin-top: 24px;
	text-align: center;
}

.serch-con .s-item:nth-child(3n+1){
	margin-left: 0;
}

.serch-con .s-item .box{
	padding: 64px 2% 56px;
}

.serch-con .s-item .box h3{
	font-size: 24px;
	color: #333333;
	line-height: 32px;
	margin-top: 20px;
}

.serch-con .s-item .box p{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
	margin-top: 8px;
}

.serch-con .s-item .box i{
	display: inline-block;
	width: 24px;
	height: 2px;
	background: #007983;
	margin-top: 24px;
}



.hot-line{
	padding: 112px 0;
}


.hot-line .h-title{
	float: left;
	width: 50%;
}

.hot-line .h-title h2{
	font-size: 36px;
	color: #333333;
	font-weight: initial;
	margin-bottom: 40px;
}

.hot-line .h-title em{
	font-size: 40px;
	color: #333333;
	font-weight: bold;
}

.hot-line .h-title p{
	font-size: 18px;
	color: #333333;
	line-height: 32px;
}

.hot-line .h-text{
	float: right;
	width: 50%;
}

.hot-line .h-text p{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
}

.h-but-des{
	margin-top: 64px;
}

.h-but-des a{
	font-size: 16px;
	color: #007983;
	margin-right: 52px;
}

.des-icon-a{
	display: inline-block;
	width: 7px;
	height: 11px;
	background: url(../images/des_icon_a.png) center top no-repeat;
	background-size: 100% 100%;
	margin-left: 8px;
}



.team-service{
	padding: 120px 0;
	background: #F8F8F8;
}


.team-service .item{
	background: #fff;
	position: relative;
}

.team-service .item .text{
	width: 44%;
	float: left;
	position: absolute;
	left: 0;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.team-service .item .text .box{
	padding-left: 16%;
}

.team-service .item .text h2{
	font-size: 36px;
	color: #333333;
}

.team-service .item .text span{
	font-size: 20px;
	color: #333333;
	display: block;
	margin-top: 20px;
}

.team-service .item .text p{
	font-size: 16px;
	line-height: 32px;
	color: #666666;
	margin-top: 40px;
}

.team-service .item .text ul {
	margin-top: 40px;
	font-size: 16px;
	line-height: 32px;
	color: #666666;
}



.team-service .item .pic{
	width: 50%;
	float: right;
}


.team-service .item.ts .text{
	width: 42%;
	float: right;
	left: initial;
	right: 0;
}

.team-service .item.ts .text .box{
	padding-left: 0;
}

.team-service .item.ts .pic{
	width: 50%;
	float: left;
}




/*企业文化*/

.culture{
	padding: 112px 0 128px;
}

.cult-title{
	text-align: center;
}

.cult-title h2{
	font-size: 36px;
	color: #333333;
}

.cult-title i{
	width: 24px;
	height: 3px;
	display: block;
	margin: 24px auto 0 auto;
	background: #007983;
}


.cult-con{
	padding-top: 32px;
}

.cult-con .item{
	width: 32.26%;
	margin-left: 1.6%;
	float: left;
	box-shadow: 0 0 5px rgba(0,0,0,.08);
	margin-top: 24px;
	overflow: hidden;
	position: relative;
}

.cult-con .item:nth-child(3n+1){
	margin-left: 0;
}

.cult-con .item .box{
	padding: 72px 48px;
}

.cult-con .item .box h3{
	font-size: 28px;
	color: #333333;
	font-weight: initial;
}

.cult-con .item .box p{
	font-size: 18px;
	color: #666666;
	margin-top: 12px;
}

.cult-con .item:before{
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	content: "";
}

.cult-con .item.i-bg-1:before{
	width: 175px;
	height: 191px;
	background: url(../images/culture_icon_1.png) center top no-repeat;
	background-size: 100% 100%;
	margin-top: -32px;
	margin-right: -16px;
}

.cult-con .item.i-bg-2:before{
	width: 210px;
	height: 172px;
	background: url(../images/culture_icon_2.png) center top no-repeat;
	background-size: 100% 100%;
	margin-top: -12px;
	margin-right: -28px;
}

.cult-con .item.i-bg-3:before{
	width: 192px;
	height: 183px;
	background: url(../images/culture_icon_5.png) center top no-repeat;
	background-size: 100% 100%;
	margin-top: 28px;
	margin-right: -16px;
}

.cult-con .item.i-bg-4:before{
	width: 136px;
	height: 166px;
	background: url(../images/culture_icon_3.png) center top no-repeat;
	background-size: 100% 100%;
	top: initial;
	bottom: 0;
	right: 8px;
}

.cult-con .item.i-bg-5:before{
	width: 170px;
	height: 177px;
	background: url(../images/culture_icon_4.png) center top no-repeat;
	background-size: 100% 100%;
	top: initial;
	bottom: 0;
}



.wisdom{
	padding: 112px 0 120px;
	background: url(../images/culture_bg.jpg) center top no-repeat;
	background-size: cover;
}

.wisdom .cult-title h2{
	color: #fff;
}

.wisdom .cult-title i{
	background: #fff;
}


.wisdom-con{
	margin-top: 56px;
}

.wisdom-con ul li{
	float: left;
	width: 46.5%;
	margin-left: 7%;
	color: #FFFFFF;
	margin-bottom: 50px;
	padding-bottom: 56px;
	border-bottom: 1px solid rgba(255,255,255,.24);
}

.wisdom-con ul li:nth-child(2n+1){
	margin-left: 0;
}

.wisdom-con ul li:nth-child(3),.wisdom-con ul li:nth-child(4){
	margin-bottom: 0;
}


.wisdom-con ul li p{
	font-size: 22px;
	line-height: 40px;
	height: 80px;
	font-weight: 300;
}

.wisdom-con ul li p i{
	display: block;
}

.wisdom-con ul li span{
	display: block;
	font-size: 14px;
	text-align: right;
	margin-top: 16px;
}



.cult-mp4{
	padding: 112px 0 120px;
	background: url(../images/culture_bg_mp4.jpg) center top no-repeat;
	background-size: cover;
}

.cult-mp4-con{
	margin-top: 72px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	background: #FFFFFF;
}

.cult-mp4-con .mp4{
	text-align: center;
	width: 72%;
}

.cult-mp4-con .mp4 iframe{
	width: 100%;
	height: 486px;
}

.cult-mp4-con .text{
	width: 38%;
	text-align: center;
	font-size: 16px;
	color: #757575;
	line-height: 36px;
	margin-top: 40px;
}

.cult-mp4-con .text h3{
	font-size: 32px;
	color: #333;
	margin-bottom: 24px;
}


.cult-pic{
	margin-top: 56px;
}




/*联系我们*/

.list-banner.contact-banner:before{
	display: none;
}


.contact{
	padding: 120px 0 138px;
}

.id-amp{
	width: 50%;
	float: left;
}

.contact-text{
	width: 42.4%;
	float: right;
	padding-top: 32px;
}

.contact-text .title h2{
	font-size: 40px;
	font-weight: initial;
	color: #333333;
}

.contact-text .des{
	margin-top: 48px;
}

.contact-text .des ul li{
	line-height: 36px;
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: 1px solid #dddddd;
}

.contact-text .des ul li span{
	font-size: 16px;
	color: #666666;
}

.contact-text .des ul li p{
	font-size: 20px;
	color: #333333;
}


.contact-text .id-but{
	margin-top: 48px;
}

.contact-text .id-but a{
	height: 48px;
	line-height: 48px;
	color: #FFFFFF;
	background: #007983;
	text-align: center;
	padding: 0 28px;
	border-radius: 4px;
	display: inline-block;
	font-size: 16px;
}

.idamp-icon{
	display: inline-block;
	width: 17px;
	height: 16px;
	background: url(../images/contact_icon_1.png) center top no-repeat;
	background-size: 100% 100%;
	margin-left: 8px;
	position: relative;
	bottom: -3px;
}

.contact-text .id-but a:hover{
	opacity: .85;
}




.contact-message{
	padding-bottom: 120px;
}

.contact-message .title{
	text-align: center;
}

.contact-message .title h2{ 
	font-size: 36px;
	color: #333333;
}

.contact-message .title p{ 
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	margin-top: 14px;
}


.conmess{
	width: 878px;
	margin: 72px auto 0 auto;
}

.conmess .name{
	width:45%;
	float: left;
}

.conmess .tel{
	width:45%;
	float: right;
}

.conmess input{
	width:100%;
	font-size: 16px;
	color: #333333;
	height: 48px;
	border: initial;
	border-bottom: 1px solid #DDDDDD;
	outline: initial;
}


.conmess .text{
	margin-top: 48px;
}


.conmess textarea{
	width:100%;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	height: 112px;
	border: initial;
	border-bottom: 1px solid #DDDDDD;
	outline: initial;
}



.conmess-but{
	margin-top: 56px;
	text-align: center;
}

.conmess-but a{
	height: 48px;
	line-height: 48px;
	color: #FFFFFF;
	background: #007983;
	text-align: center;
	padding: 0 40px;
	border-radius: 4px;
	display: inline-block;
	font-size: 16px;
}

.conmess-but a:hover{
	opacity: .85;
}




/*加盟*/

.join_banner{
	width: 100%;
	height: 100vh;
	background: url(../images/join_banner.jpg) center top no-repeat;
	background-size: cover;
}

.join_banner .text{
	text-align: center;
	padding-top: 180px;
}

.join_banner .slogan{
	
}

.join_banner .slogan h3{
	font-size: 40px;
	color: #ffffff;
	height: 54px;
	line-height: 48px;
	border: 2px solid #fdf9e8;
	display: inline-block;
	padding-right: 14px;
}

.join_banner .slogan h3 span{
	color: #4074bb;
	height: 56px;
	line-height: 50px;
	border: initial;
	display: inline-block;
	padding: 0 14px;
	background: linear-gradient(0deg,#fdf3da,#fefef2);
}

.join_banner .slogan p{
	font-size: 22px;
	color: #ffffff;
	letter-spacing: 2px;
	margin-top: 12px;
	font-weight: 200;
}



.join_banner .title{
	margin-top: 24px;
}

.join_banner .title h2{
	font-size: 64px;
	color: #ffffff;
	line-height: 72px;
	letter-spacing: 8px;
}

.join_banner .title p{
	font-size: 28px;
	color: #ffffff;
	line-height: 32px;
	margin-top: 22px;
}



.prospect{
	padding: 112px 0 120px;
}

.join-title{
	text-align: center;
}

.join-title h2{
	font-size: 48px;
	color: #333333;
}

.join-title p{
	font-size: 18px;
	line-height: 32px;
	color: #333333;
	margin-top: 12px;
	
}



.prospect-con{
	padding-top: 56px;
}

.prospect-con .item{
	float: left;
	margin-left: 1.6%;
	width: 23.8%;
	box-shadow: 0 0 5px rgba(0,0,0,.08);
	text-align: center;
	padding: 88px 0;
}

.prospect-con .item:first-child{
	margin-left: 0;
}


.prospect-con .item h3{
	font-size: 24px;
	color: #333;
	line-height: 36px;
	margin-top: 44px;
}

.prospect-con .item span{
	display: block;
}


.prospect-con .item i{
	display: inline-block;
	width: 16px;
	height: 3px;
	background: #007983;
	margin-top: 32px;
}

.prospect-con .item p{
	font-size: 14px;
	color: #999999;
	line-height: 20px;
	font-weight: 200;
	margin-top: 8px;
	text-transform: uppercase;
}



.join-honor{
	height: 800px;
	background: url(../images/join_honor_bg.jpg) center top no-repeat;
	background-size: cover;
}

.join-honor .title{
	padding-top: 112px;
}

.join-honor .title h2{
	font-size: 48px;
	line-height: 64px;
	color: #ffffff;
}

.join-honor .title h2 span{
	display: block;
}

.join-honor .jh-list{
	padding-top: 50px;
	width: 52%;
}

.join-honor .jh-list ul li{
	width: 48%;
	float: left;
	margin-left: 4%;
	padding: 20px 0;
	border-bottom: 1px solid rgba(255,255,255,.2);
}

.join-honor .jh-list ul li:nth-child(2n+1){
	margin-left: 0;
}

.join-honor .jh-list ul li p{
	font-size: 20px;
	color: #ffffff;
}



.join-plant{
	padding: 112px 0 120px;
}

.join-title h2 span{
	display: block;
}

.join-plant-pic{
	margin-top: 64px;
}



.slide-main {
	width: 100%;
	overflow: hidden;
	position: relative;
	background: #666;
}

.slide-box,.slide-info {
	width: 100%;
	height: 100%;
}

.slide-info {
	display: none;
	position: relative;
}

.slide-info h3{
	position: absolute;
	top: 64px;
	left: 64px;
	font-size: 24px;
	color: #FFFFFF;
	
}

.slide-main:hover .prev2,.slide-main:hover .next2{
	opacity: .5;
}

.prev2,.next2{
	display: block;
	position: absolute;
	top: 52%;
	height: 50px;
	width: 50px;
	margin-top: -25px;
	transition: .9s;
	-moz-transition: .9s;
	-webkit-transition: .9s;
	opacity: 0;
	text-align: center;
	z-index: 9;
}

.slide-main:hover .prev2:hover,.slide-main:hover .next2:hover{
	opacity: 1;
}


.prev2{
	left: 40px;
}

.next2{
	right: 40px;
}

/*翻页圆点*/

.slide-main .item1 {
	width: 100%;
	position: absolute;
	z-index: 8;
	bottom: 40px;
	left: 0;
	text-align: center;
}

.slide-main .item1 a {
	display: inline-block;
	height: 12px;
	width: 12px;
	margin: 0 6px;
	position: relative;
	background: rgba(255,255,255,1);
	border-radius: 6px;
	font-size: 0;
	transition: initial;
}

.slide-main .item1 a.cur {
	height: 24px;
	line-height: 22px;
	font-size: 12px;
	color: #333;
	width: auto;
	padding: 0 8px;
	border-radius: 12px;
	position: relative;
	bottom: -10px;
}



/* end */





.join-video-vr{
	max-width: 1920px;
	margin: 0 auto;
	overflow: hidden;
}

.join-video-vr img{
	display: block;
}

.join-com-video{
	position: relative;
	width: 49.6%;
	float: left;
}


.vr-con{
	position: absolute;
	top: 80px;
	width: 100%;
	text-align: center;
}

.vr-con h2{
	font-size: 30px;
	color: #ffffff;
	margin-bottom: 16px;
}

.vr-con a{
	position: relative;
	color: #FFFFFF;
	z-index: 9;
}

.vr-con a:after{
	position: absolute;
	display: block;
	content: "";
	background: url(../images/video_amp.png) center top;
	background-size: 100% 100%;
	top: 4px;
	right: -20px;
	width: 14px;
	height: 14px;
}


.join-com-vr{
	position: relative;
	width: 49.6%;
	float: right;
}

.join-com-vr .vr-con a:after{
	position: absolute;
	display: block;
	content: "";
	background: url(../images/right.png) center top;
	background-size: 100% 100%;
	top: 4px;
	right: -20px;
	width: 14px;
	height: 14px;
}



.join-policy{
	padding: 112px 0 120px;
}

.join-policy-list{
	padding-top: 32px;
}

.join-policy-list .item{
	margin-top: 24px;
	float: left;
	width: 49.2%;
	margin-left: 1.6%;
	height: 160px;
	border-radius: 80px;
	background: #F8F8F8;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.join-policy-list .item:nth-child(2n+1){
	margin-left: 0;
}

.join-policy-list .item .icon{
	width: 140px;
	margin-left: 10px;
}

.join-policy-list .item .text{
	width: 80%;
	margin-left: 3.2%;
	margin-right: 30px;
}

.join-policy-list .item .text h3{
	font-size: 22px;
	color: #333;
}

.join-policy-list .item .text p{
	font-size: 14px;
	color: #333333;
	line-height: 26px;
	margin-top: 10px;
}


.join-store{
	padding: 112px 0 130px;
	background: #F8F8F8;
}

.join-store .join-title p span{
	display: block;
}

.join-store-pic{
	margin-top: 56px;
}



.guarantee{
	padding-top: 112px;
	background: url(../images/guarantee_bg.jpg) center top no-repeat;
	background-size: cover;
}

.guarantee .join-title h2{
	color: #FFFFFF;
}

.guarantee .join-title p{
	color: #FFFFFF;
}



.guarantee_list{
	padding: 144px 0 172px;
}

.guarantee_list ul li{
	width: 33.33%;
	float: left;
	text-align: center;
}

.guarantee_list ul li h3{
	margin-top: 40px;
	font-size: 20px;
	line-height: 36px;
	color: #FFFFFF;
	padding: 0 10%;
}
.guarantee_list ul li h3 span{
	display: block;
}




.join-adv{
	padding: 112px 0 130px;
}

.join-adv .join-title em{
	font-size: 16px;
	color: #999999;
	margin-top: 16px;
	text-transform: uppercase;
	display: inline-block;
}


.join-adv-list{
	margin-top: 36px;
}

.join-adv-list .item{
	float: left;
	width: 23.8%;
	margin-left: 1.6%;
	box-shadow: 0 0 5px rgba(0,0,0,.08);
	margin-top: 24px;
	text-align: center;
}

.join-adv-list .item:nth-child(4n+1){
	margin-left: 0;
}

.join-adv-list .item .box{
	padding: 64px 13% 56px;
}

.join-adv-list .item h3{
	font-size: 20px;
	color: #333333;
	margin-top: 24px;
}

.join-adv-list .item p{
	font-size: 14px;
	line-height: 28px;
	color: #333333;
	margin-top: 10px;
	height: 84px;
}





.join-message{
	background: #F8F8F8;
}

.join-message .text-box{
	padding-top: 120px;
	width: 50%;
	float: left;
}

.join-message .title h2{ 
	font-size: 36px;
	color: #333333;
}

.join-message .title p{ 
	font-size: 16px;
	color: #666666;
	line-height: 32px;
	margin-top: 14px;
}


.joinmess{
	margin-top: 72px;
}

.joinmess .name{
	width:45%;
	float: left;
}

.joinmess .tel{
	width:45%;
	float: right;
}

.joinmess input{
	width:100%;
	font-size: 16px;
	color: #333333;
	height: 48px;
	border: initial;
	border-bottom: 1px solid #DDDDDD;
	outline: initial;
	background: initial;
}


.joinmess .text{
	margin-top: 48px;
}


.joinmess textarea{
	width:100%;
	font-size: 16px;
	line-height: 28px;
	color: #333333;
	height: 112px;
	border: initial;
	border-bottom: 1px solid #DDDDDD;
	outline: initial;
	background: initial;
}



.joinmess-but{
	margin-top: 56px;
}

.joinmess-but a{
	height: 48px;
	line-height: 48px;
	color: #FFFFFF;
	background: #007983;
	text-align: center;
	padding: 0 40px;
	border-radius: 4px;
	display: inline-block;
	font-size: 16px;
}

.joinmess-but a:hover{
	opacity: .85;
}


.join-message .pic{
	width: 50%;
	float: right;
}





/*服务中心*/

.ser-war{
	padding-top: 120px;
}

.ser-title{
	
}

.ser-title h2{
	font-size: 36px;
	color: #333333;
}

.ser-title i{
	width: 32px;
	height: 3px;
	background: #007983;
	display: block;
	margin-top: 20px;
}


.ser-war-con{
	margin-top: 64px;
	height: 740px;
	background: url(../images/warranty_tp.jpg) center top no-repeat;
	background-size: cover;
}

.ser-war-con .text{
	width: 50%;
	height: 740px;
	float: right;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.ser-war-con .text .box{
	padding: 0 100px;
}

.ser-war-con .title h3{
	font-size: 56px;
	color: #007079;
	letter-spacing: 5px;
}

.ser-war-con .title h3 span{
	font-weight: initial;
}

.ser-war-con .title p{
	font-size: 22px;
	letter-spacing: 5px;
	margin-top: 16px;
}


.ser-war-con .chara{
	margin-top: 48px;
}

.ser-war-con .chara ul{
	display: flex;
	justify-content: space-between;
}

.ser-war-con .chara ul li{
	width: 33.33%;
	float: left;
	text-align: center;
	position: relative;
}

.ser-war-con .chara ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	height: 100%;
	width: 1px;
	background: #ddd;
}

.ser-war-con .chara ul li:first-child:before{
	display: none;
}

.ser-war-con .chara ul li:first-child{
	width: 30%;
}

.ser-war-con .chara ul li em{
	font-size: 16px;
	color: #007079;
	font-weight: bold;
}

.ser-war-con .chara ul li p{
	font-size: 13px;
	line-height: 22px;
	color: #666666;
	margin-top: 8px;
	padding: 0 4%;
}

.ser-war-con .chara ul li p span{
	display: inline;
}




.ser-cult{
	padding: 120px 0 120px;
	overflow: hidden;
}


.ser-cult-con{
	margin-top: 48px;
	background: #f8f8f8;
}

.ser-cult-con .box{
	padding: 40px;
}

.ser-cult-con .pic{
	width: 53%;
	float: left;
}

.ser-cult-con .text{
	width: 42%;
	float: right;
}

.ser-cult-con .text ul li{
	padding: 28px 0;
}

.ser-cult-con .text ul li h3{
	font-size: 48px;
	color: #333333;
	font-weight: initial;
}

.ser-cult-con .text ul li p{
	font-size: 20px;
	line-height: 40px;
	color: #666666;
	margin-top: 20px;
	letter-spacing: 2px;
}



.ser-chara{
	margin-top: 88px;
}

.ser-chara ul li{
	width: 20%;
	float: left;
	text-align: center;
	position: relative;
}

.ser-chara ul li:before{
	position: absolute;
	left: 0;
	top: 0;
	content: "";
	display: block;
	height: 100%;
	width: 1px;
	background: #eee;
}

.ser-chara ul li:first-child:before{
	display: none;
}

.ser-chara ul li em{
	font-size: 56px;
	color: #007983;
	line-height: 56px;
	font-weight: bold;
	position: relative;
	display: inline-block;
}

.ser-chara ul li em i{
	font-size: 16px;
	color: #666666;
	background: #F8F8F8;
	font-weight: initial;
	padding: 0 8px;
	height: 24px;
	line-height: 22px;
	border-radius: 12px;
	position: absolute;
	top: -12px;
}

.ser-chara ul li p{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	margin-top: 8px;
}



.ser-tel{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	margin-top: 70px;
}

.ser-tel .title{
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.ser-tel .title p{
	font-size: 18px;
	color: #666666;
	margin-left: 14px;
	width: 50px;
}

.ser-tel .tel{
	font-size: 44px;
	line-height: 48px;
	color: #666666;
	font-weight: bold;
	border-left: 1px solid #EEEEEE;
	margin-left: 10px;
	padding-left: 24px;
}



.ser-sys{
	padding: 112px 0;
	background: #F8F8F8;
}

.ser-sys-con{
	margin-top: 72px;
}

.ser-sys-con .chara{
	float: left;
	width: 43%;
	padding-left: 7%;
}

.ser-sys-con .chara ul li{
	width: 50%;
	float: left;
	padding-top: 96px;
}

.ser-sys-con .chara ul li:nth-child(1),.ser-sys-con .chara ul li:nth-child(2){
	padding-top: 24px;
}

.ser-sys-con .chara ul li em{
	font-size: 70px;
	line-height: 70px;
	font-weight: bold;
	color: #333333;
	position: relative;
	display: inline-block;
}

.ser-sys-con .chara ul li span{
	font-size: 24px;
	font-weight: initial;
	color: #333333;
	margin-left: 5px;
}

.ser-sys-con .chara ul li img{
	position: absolute;
	bottom: 26px;
	margin-left: 10px;
}

.ser-sys-con .chara ul li p{
	font-size: 18px;
	font-weight: initial;
	color: #333333;
}



.ser-sys-con .text{
	float: right;
	width: 50%;
}

.ser-sys-con .text p{
	font-size: 20px;
	color: #555555;
	line-height: 40px;
	margin-top: 40px;
	padding: 0 64px 0 96px;
}

.ser-sys-con .text p:first-child{
	margin-top: 0px;
}



.ser-dot{
	padding: 112px 0 72px;
}

.ser-dot-con{
	position: relative;
}

.ser-dot-con .chara{
	position: absolute;
	bottom: 72px;
	width: 100%;
}

.ser-dot-con .chara ul li{
	width: 32.26%;
	margin-left: 1.6%;
	background: #fff;
	float: left;
	box-shadow: 0 0 5px rgba(0,0,0,.08);
	padding: 72px 0 68px;
	text-align: center;
}

.ser-dot-con .chara ul li:hover{
	background: rgba(0,120,130,.88);
}

.ser-dot-con .chara ul li:first-child{
	margin-left: 0;
}

.ser-dot-con .chara ul li em{
	font-size: 56px;
	line-height: 64px;
	color: #333333;
	font-weight: bold;
	position: relative;
}

.ser-dot-con .chara ul li:hover em{
	color: #fff;
}

.ser-dot-con .chara ul li span{
	font-size: 36px;
	line-height: 36px;
	margin-left: 8px;
	position: absolute;
	top: 0;
}

.ser-dot-con .chara ul li p{
	font-size: 18px;
	line-height: 36px;
	color: #666666;
	margin-top: 6px;
}

.ser-dot-con .chara ul li:hover p{
	color: #fff;
}




/*关于华天成*/

.brand-about{
	overflow: hidden;
	background: #F8F8F8;
}

.brand-about .container{
	position: relative;
}

.about-box .text{
	float: left;
	width: 42.5%;
	padding-top: 107px;
}

.about-box .text h2{
	font-size: 40px;
	color: #333333;
}

.about-box .text i{
	width: 24px;
	height: 3px;
	background: #007983;
	display: inline-block;
	margin-top: 24px;
}

.about-box .text p{
	font-size: 14px;
	color: #454545;
	line-height: 28px;
	margin-top: 28px;
	text-align: justify;
}



.about-box .pic{
	float: right;
	width: 50%;
}

.about-box .pic img{
	max-width: initial;
}


.about-chara{
	position: relative;
	top: -60px;
}

.about-chara .container{
	background: #FFFFFF;
	box-shadow: 0 0 10px rgba(0,0,0,.1);
	padding: 64px 0;
}

.about-chara ul li{
	width: 25%;
	float: left;
	text-align: center;
}

.about-chara ul li .box{
	border-left: 1px solid #eee;
}

.about-chara ul li:first-child .box{
	border-left: initial;
}

.about-chara ul li em{
	font-size: 48px;
	line-height: 64px;
	color: #007983;
	position: relative;
	display: flex;
	justify-content: center;
}

.about-chara ul li span{
	font-size: 18px;
	line-height: 40px;
	margin-left: 6px;
}

.about-chara ul li p{
	font-size: 16px;
	color: #333333;
	margin-top: 4px;
}


.brand-base {
	margin-top: -60px;
}

.brand-base .title{
	padding: 140px 0 104px;
	text-align: center;
}

.brand-base .title span{
	font-size: 16px;
	color: #007983;
}


.brand-base .title h2{
	font-size: 40px;
	color: #333333;
	margin-top: 12px;
}

.brand-base .title p{
	font-size: 18px;
	color: #333333;
	line-height: 36px;
	margin-top: 30px;
	padding: 0 25%;
}



.gallery {
  background: #FAFAFA;
  counter-reset: gallery-cell;
}

.gallery-cell {
  width: 75.7%;
  height: 680px;
  background: #00827e;
  counter-increment: gallery-cell;
  margin: 0 12px;
  position: relative;
  opacity: .4;
   overflow: hidden;
  display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


.gallery-cell.is-selected{
	opacity: 1;
}

.gallery-cell:before {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  background: rgba(0,0,0,.6);
  width: 100%;
  height: 100%;
  z-index: 9;
}

.gallery-cell.is-selected:before{
	display: none;
}

.gallery-cell h2{
	position: absolute;
	left: 32px;
	top: 32px;
	color: #FFFFFF;
	font-size: 20px;
}

.gallery-cell img{
	object-fit: cover;
}


.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
}

.flickity-viewport.is-pointer-down {
	
}



.flickity-slider {
  position: absolute;
  width: 100%;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  position: absolute;
  top: 50%;
  width: 44px;
  height: 44px;
  border: none;
  border-radius: 50%;
  cursor: pointer;
  /* vertically center */
 background: initial;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }

.flickity-prev-next-button:disabled {
  opacity: 0.3;
  cursor: auto;
}

.flickity-prev-next-button svg {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

.flickity-prev-next-button .arrow {
  fill: #fff;
}

/* color & size if no SVG - IE8 and Android 2.3 */
.flickity-prev-next-button.no-svg {
  color: #fff;
  font-size: 26px;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: 38px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-page-dots li.dot{
	display: inline-block;
	width: 12px;
	height: 12px;
	border-radius: 6px;
	background: #FFFFFF;
	margin: 0 8px;
	cursor: pointer;
	font-size: 0;
}

.flickity-page-dots li:nth-child(1):before{
	display: block;
	content: "顺德总部";
}

.flickity-page-dots li:nth-child(2):before{
	content: "肇庆大旺";
}

.flickity-page-dots li:nth-child(3):before{
	content: "河源龙川";
}

.flickity-page-dots li.is-selected{
  display: inline-block;
  width: auto;
  height: 24px;
  line-height: 24px;
  border-radius: 12px;
  background: #FFFFFF;
  padding: 0 10px;
  font-size: 12px;
  color: #333;
  position: relative;
  bottom: -11px;
}




.brand-lab{
	padding: 120px 0 140px;
}

.brand-title{
	float: left;
}

.brand-title h2{
	font-size: 40px;
	color: #333333;
}

.brand-title i{
	width: 32px;
	height: 4px;
	background: #007983;
	display: inline-block;
	margin-top: 24px;
}

.brand-lab .text{
	float: right;
	width: 50%;
}

.brand-lab .text p{
	font-size: 18px;
	line-height: 36px;
	color: #333333;
}

.lab-con{
	padding-top: 56px;
}

.lab-con ul li{
	float: left;
	width: 32.26%;
	margin-left: 1.6%;
	margin-top: 24px;
	position: relative;
}

.lab-con ul li:nth-child(2){
	width: 66.14%;
}

.lab-con ul li:nth-child(1),.lab-con ul li:nth-child(3){
	margin-left: 0%;
}

.lab-con ul li p{
	width: 100%;
	padding: 14px 0;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	position: absolute;
	bottom: 0;
	left: 0;
	background: rgba(0,120,130,.64);
}



.brand-amp{
	padding: 112px 0 80px;
	background: #F8F8F8;
}


.brand-title.b-c{
	width: 100%;
	text-align: center;
	float: initial;
}

.brand-title.b-c p{
	padding: 0 16%;
	font-size: 18px;
	line-height: 36px;
	color: #333333;
	margin-top: 36px;
}


.brand-amp-pic{
	margin-top: 24px;
}




.brand-honor{
	height: 1094px;
	background: url(../images/brand_honor_bg.jpg) center center no-repeat;
	background-size: cover;
}

.brand-honor .brand-title{
	padding-top: 108px;
}


.brand-honor-chara{
	margin-top: 56px;
}

.brand-honor-chara ul li{
	width: 25%;
	height: 77px;
	background: url(../images/brand_honor_icon.png) center center no-repeat;
	background-size: auto 100%;
	text-align: center;
	float: left;
	color: #be9546;
}

.brand-honor-chara ul li span{
	font-size: 30px;
	font-weight: bold;
}

.brand-honor-chara ul li p{
	font-size: 18px;
	font-weight: bold;
	margin-top: 4px;
}